c3js / c3

:bar_chart: A D3-based reusable chart library
http://c3js.org
MIT License
9.35k stars 1.39k forks source link

Scatter plot points are all black/grayscale as of 0.7.8 #2779

Open massung opened 4 years ago

massung commented 4 years ago

Using FF + all Chrome-based browsers I looked at at D3 version 5.15.

Example: http://jsfiddle.net/h9xumgje/3/ (based on the example scatter plot on the C3 homepage). If you remove C3 and add it back using version 0.7.7 it works just fine. The legend colors always work; it's just the data points that are black.

If there was an API change in 0.7.8 to get the colors working, that change isn't reflected in the example on the C3 homepage.

GDFaber commented 4 years ago

Hi @massung, can you check if this is still an issue with the latest release 0.7.15?

massung commented 4 years ago

It is; 0.7.15 is what I was using. I kept rolling back versions until I got to one where it was working again.

zhen416 commented 4 years ago

Hi @massung, I also had this problem. Seems like it is caused by the css that you are using, which is missing the following: .c3-circle { fill: currentColor; } I am also having issues with this, and it appears at a point in time the 0.7.8 release might have still had the 0.7.7 css. The current release of 0.7.8 doesn't have this issue. Solution is just to add that css manually.