In this article you will learn how to remove existing Axis Label.
The above chart shown is an “Area Chart” and is a default view of generated chart report. The values displayed on X and Y axis are the axis labels. Here we have to hide these labels. It can be achieved using CSS and Javascript Code.
Also, you have gone through an article “How to change axis label color“. Now to remove existing axis label color there are two ways :
-
- Remove Axis label color change code directly
- Apply CSS-Style / Javascript code to remove
CSS Code :
.c3-axis-x > .tick{
fill:none; // remove axis labels from x-axis
}
.c3-axis-y > .tick{
fill: none; // removes axis labels from y axis
}
Add the CSS style code in the CSS Editor and click Apply to Execute. In case, some styling codes are already present then you can either remove it completely or append the code to it. Then, click apply to generate output.
Output
From the output generated above, you can see that already other customization is performed. Similarly, you can perform other chart customization using CSS style and Javascript Code.
For more info, contact us at demo@helicalinsight.com
For Video, Click Here