In this article you will learn about formatting Axis Chart labels. Various formatting that you can apply are defining font-size, font-family, font-color and font-type.
As shown in below chart represent default view of a chart
Now, to change the formatting of an axis labels using Helical Insight, it can be achieved through CSS-Style / Javascripts. We are using CSS style to implement the formatting also you can try Javascript to achieve the same.
CSS Code :
.c3-axis-y > .tick {
fill: red; // used properties in CSS are customizable
font-style: italic;
font-family: "Times New Roman";
font-size: 15px;
}
.c3-axis-x > .tick {
fill: green; // Specify color name or Hex code.
font-style: oblique;
font-family: "Times New Roman"; // specify font name
font-size: 15px; //specify font size
}
To Apply CSS Style, Go to Custom Tab in Adhoc Report Creation Page. Then, select Style and paste the above code. Now, click on Apply to generate the output.
From the above image, you can see format change at Axis Label. In addition, you can add more CSS Style and Javascript codes for more customization.
For More Info, Contact us at support@helicalinsight.com