In this article you will learn about how to change the Axis Color. By default the axis color is black. As shown in below image highlighted with red color. Here, we have used “Line Chart”. Moreover you can use other Axis Charts like Area Chart, Bar Chart, Spline Chart, Area Spline Chart, and so on.
Default View of a Generated Line Chart
In order to change the axis color you can CSS style / Javascript code and define the name of color or hex code.
Here we will use CSS style code.
CSS Code
.c3 .c3-axis-x path, .c3 .c3-axis-x line { stroke: none; } // code to remove x-axis
.c3 .c3-axis-y path, .c3 .c3-axis-y line { stroke: none; } // code to remove y-axis
To apply code, go to Custom Tab, then click on Style to enter the CSS style code. Now click on Apply to execute the entered code.
Output
Similarly, in addition you can add other CSS and Javascripts for more customizations.
For more info, contact us at support@helicalinsight.com