LineChart filled with black color

Hi

I’m created a linechart followed by example and it works but it was filled with darkcolor. I’ve attached the screenshot, as well.

lineChart .tooltipThreshold(600) .height(300) .margin(lineMargin) .grid('vertical') .width(containerWidth) .dateLabel('fullDate') .on('customMouseOver', function() { chartTooltip.show(); }) .on('customMouseMove', function(dataPoint, topicColorMap, dataPointXPosition) { chartTooltip.update(dataPoint, topicColorMap, dataPointXPosition); }) .on('customMouseOut', function() { chartTooltip.hide(); });

I’ve just followed the example exactly , nothing more or less. Is there anything I’m missing?

Thanks.

[Golodhros]

Hi @wiadev, thanks for the question and for using Britecharts!

So, it seems that from the code you copied from the demos, you are setting the ‘dateLabel’ as ‘fullDate’, so that’s why your chart was expecting data with a date label of ‘fullDate’.

Regarding the ‘ticks’ on the x axis, D3 doesn’t allow us to pick a specific interval, so we have exposed ‘forcedXTicks’. You will pass to it the number of ticks you want on the chart, and you will see something more or less like that (again, D3 doesn’t allow us to specify it strictly).

Cheers

[Golodhros]

Hi @wiadev , thanks for the issue!

It looks like you are missing the CSS styles for that chart. Loading https://cdn.jsdelivr.net/britecharts/latest/britecharts.min.css should work.