Widgets > Chart Widgets > wijbarchart > How To > Axis How To > Style the Axis Labels |
To modify the X-Axis and Y-axis label color and font size use the following code:
$(document).ready(function () {
$("#wijbarchart").wijbarchart({
axis: {
y: {
text: "Percentage (%)",
textStyle: {
fill: "#6633ff",
"font-size": "11pt"
}
},
x: {
text: "Graphics Card"
}
});
});
This topic illustrates the following:
The following image shows the Y-Axis label’s font size and forecolor modified. The font size was modified using the “font-size” option and the forecolor was modified using the fill option.