Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

LineChart filled with black color

See original GitHub issue


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() {; }) .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?


Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:9

github_iconTop GitHub Comments

Golodhroscommented, Jun 27, 2017

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).


Golodhroscommented, Jun 23, 2017

Hi @wiadev , thanks for the issue!

It looks like you are missing the CSS styles for that chart. Loading should work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Trying to remove black fill under lines in billboard.js line chart
I am using the same example line chart shown here. However, I have black fill under the lines on my chart. How do...
Read more >
Background Color Issue in LineChart #137 - GitHub
If no gradient background is specified then the background is just black. Second. Transparent backgrounds of any sort (I could only change the ......
Read more >
how to make a vertical gradient fill line chart in chart js
The fill option is set by default on false for line chart as commonly a line chart does not have a background color....
Read more >
Colors, Gradients, Patterns – amCharts 4 Documentation
Since the the first rectangle is filled with a light color, it chooses black as the contrasting color for the label. The second...
Read more >
Color change by range in line chart - Plotly Community Forum
For example i have row of data and i would like to plot a line graph which is black when y value is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found