Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

data.color function based on d.value does not change chart color #2868

Open
karenmnyv opened this issue Sep 15, 2022 · 0 comments
Open

data.color function based on d.value does not change chart color #2868

karenmnyv opened this issue Sep 15, 2022 · 0 comments

Comments

@karenmnyv
Copy link

karenmnyv commented Sep 15, 2022

I am working on an area chart where I want the data to have a different color if the value is negative.

I don't have a codepen, but I was testing on the c3 example pages, so it's possible to just paste the code there

When using only d.id, the color of the chart changes

var chart = c3.generate({ data: { columns: [ ['data1', -30, 20, -50, 40, 60, -50], ], types: {data1: 'area'}, color: function (color, d) { if (d.id == "data1") { return '#ff0000' } return color; } } });

But when using value as well, only the data points change color, not the lines or the area

var chart = c3.generate({ data: { columns: [ ['data1', -30, 20, -50, 40, 60, -50], ], types: {data1: 'area'}, color: function (color, d) { if (d.value < 0 && d.id == "data1") { return '#ff0000' } return color; } } });

Edit: this is my first time opening an issue, so please let me know if I need to add any info

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant