LineChart filled with black color
See original GitHub issueHi
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.
Issue Analytics
- State:
- Created 6 years ago
- Comments:9
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
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.