In this article you will learn about how to change Axis Label Color. By default the axis tick color is black. As highlighted in below image.
.c3-axis-x > .tick{
fill:green; // color is customizable
}
.c3-axis-y > .tick{
fill: red; // color is customizable
}
OR
.c3-axis-x > .tick{
fill: #00ff00; // #00ff00 is a hex code for green color
}
.c3-axis-y > .tick{
fill: #FF0000;
}
Now to change the color of both x-axis and y-axis tick ,you can add CSS style and define the name of color or hex code. Also, you add code separately or add CSS code in the existing code.
To apply the CSS code paste it in Style box. On applying, the output is as shown in below image.
Similarly, in addition you can add other CSS and Javascripts for more customizations.
For more info, contact us at support@helicalinsight.com