Brave browser: Stored data charts have too many X labels

I use Brave as my default browser and I've been having loads of troubles with displaying stored data in a chart. This is the kind of result I was getting with a simple test case, with chart payload copied from the doc:

nodered-dashboard-chart-brave

The flow generating this chart is:

[{"id":"66a07764.424ec8","type":"function","z":"994e9296.324d2","name":"sampleChart","func":"msg.payload = [{\n    series: [\"A\", \"B\", \"C\"],\n    data: [\n        [{ x: 1589182636394, y: 5 },\n         { x: 1589182637394, y: 4 },\n         { x: 1589182638394, y: 2 }\n        ],\n        [{ x: 1589182636394, y: 6 },\n         { x: 1589182637394, y: 7 },\n         { x: 1589182638394, y: 6 }\n        ],\n        [{ x: 1589182636394, y: 2 },\n         { x: 1589182637394, y: 7 },\n         { x: 1589182638394, y: 7 }\n        ]\n    ],\n    labels: [\"A\", \"B\", \"C\"]\n}];\n\nreturn msg;","outputs":1,"noerr":0,"x":290,"y":200,"wires":[["d927e41f.f4cbe8"]]},{"id":"440c73db.d355cc","type":"debug","z":"994e9296.324d2","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","x":610,"y":200,"wires":[]},{"id":"d927e41f.f4cbe8","type":"ui_chart","z":"994e9296.324d2","name":"Doc data","group":"5af3a60c.abcdf8","order":10,"width":0,"height":0,"label":"Doc data","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"useOldStyle":false,"outputs":1,"x":460,"y":200,"wires":[["440c73db.d355cc"]]},{"id":"7d4e5279.0e50fc","type":"ui_ui_control","z":"994e9296.324d2","name":"","events":"change","x":120,"y":200,"wires":[["66a07764.424ec8"]]},{"id":"5af3a60c.abcdf8","type":"ui_group","z":"","name":"Chart test","tab":"73304315.bcac7c","order":2,"disp":true,"width":"6","collapse":false},{"id":"73304315.bcac7c","type":"ui_tab","z":"","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

After making a lot of research, I found out that it worked perfectly fine in Chrome.

Moreover, you can fix it in Brave by disabling the "Shields" for that site. You can do this by clicking the Brave icon on the right side of the address bar.

When the chart does not display properly, you should see that there is a warning on top of the icon like this:

image

I hope this might help someone in the same case, it was a very tricky issue to solve...

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.