In this article you you will learn how to change the Axis Color.
Initially login to Helical Insight with the provided credentials. Then, open or create new chart report. In case report not available, you can use your data to create various axis chart report using Helical Insight. Various charts like Bar chart, bubble chart, Spline Chart, Area Spline Chart and so on. Here we have used “Line chart“.
Default View of a Generated Line Chart
In order to change the axis color, you can use 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: red;
//stroke: none; - hides axis
}
.c3 .c3-axis-y path, .c3 .c3-axis-y line {
stroke: orange;
//stroke: none; - hides axis
}
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 demo@helicalinsight.com
For Video, Click Here