Widgets > Chart Widgets > wijbarchart > How To > Axis How To > Rotate the Axis Label |
To set the label properties for the X-Axis such as the width, textAlign, and rotation use the following code:
$("#wijbarchart").wijbarchart({
axis: {
y: {
text: "Percentage (%)"
},
x: {
text: "Graphics Card",
labels: {
width: 80,
textAlign: "near",
style: {
rotation: -45
}
}
}
This topic illustrates the following:
The following image shows the X-Axis labels rotated to a -45 degree angle, the width at 80 pixels apart from each other, and the text alignment near the axis: