JavaScript Chart Styling the Axes

One can customize the x or y axis of the chart component through their respective tags.
The customizable elements along the x and y axes are:

  1. The tick text. This group of settings allows manipulation of the text along the ticks of the axes. These settings are available for both x and y axes.
  2. Axis width and color.
    These settings are controlled through the drawColor for x Axis, drawWidth for x Axis, drawColor for Y Axis and drawWidth for Y Axis
  3. Minor Plotstrip settings can also be adjusted. This link shows the properties for x axis, and this one for the y axis.
  4. PlotStrip Color can be adjusted through as shown here for the x axis, and here for the y axis.
  5. The ticks color can also be adjusted. This property can be used for the x axis, and this one for the y axis.

A typical declaration of such properties is shown below:

axisX: {
    axisTickText: {
        style: {
            color: 'red',
            textDecoration:'underline'
        }
    },
    drawWidth: 5,
    drawColor:'blue'
}