In this article, you will learn about how to change the Axis Color. First, login to the Helical Insight with the required credentials. Then, create or open existing chart report. Also, with your data you can create a new chart report and can use various chart types depending on the data used. Various charts includes Area Chart, Spline Chart, Area Spline Chart, Tree Map, Bubble Chart and so on. For the current customization you will require Axis chart. Here, we have used Area Spline Chart.
By default, both the axis color is black as highlighted above. In order to change the color of axis you can use CSS code. To apply CSS Code, go to Editor tab, click on CSS Editor to enter the code then click on Apply to execute the entered code.
CSS Code:
.c3 .c3-axis-x path, .c3 .c3-axis-x line
{
stroke: green; //stroke: none; – hides axis , color is customizable either using the color name or Hex code.
}
.c3 .c3-axis-y path, .c3 .c3-axis-y line {
stroke: red; //stroke: none; – hides axis , color is customizable either using the color name or Hex code.
}
Output
Similar customization you can perform using Javascript as well. In addition, you can perform various other chart customization using CSS and Javascript code. Please refer our chart customization blog.
For more info, contact us at demo@helicalinsight.com
For Video, Click Here