0

I am using this chart without bar data 1: charts-time-series Link

Here is how it looks in Chrome enter image description here

And here is how it looks in Firefox enter image description here

Here is the chart in chrome without 'fill: none' property. The component set this property correctlty:enter image description here

The line has a little over 8000 points. There are no errors in console.

Adrian
  • 169
  • 1
  • 1
  • 12

1 Answers1

1

You are missing the CSS that styles that chart:

.line {
  fill: none;
}
Ashitaka
  • 19,028
  • 6
  • 54
  • 69
  • Hi, thanks for the answer. It seems that the chart already set's this property as you suggested. I removed it for a bit and here is what I've got SEE IMAGE 3. – Adrian Sep 07 '17 at 11:16
  • Without any code it's hard to determine what's causing this. In Chrome you can right-click in the dark section of your chart, select the "Inspect" option and find out the element which is missing the `fill: none;` rule. – Ashitaka Sep 07 '17 at 11:29
  • It's also possible that you have way too many points in your chart. Maybe try reducing the number of plotted points https://stats.stackexchange.com/questions/980/how-do-i-reduce-the-number-of-data-points-in-a-series – Ashitaka Sep 07 '17 at 16:36
  • Hi, thanks for quick answers. The code is very simple [code]{{time-series-chart lineData=data selectedInterval=selectedInterval }}[/code]. Maybe is just a chrom bug as in firefox works perfect. – Adrian Sep 08 '17 at 05:16