Intermediate divisions on the axes

[Diano4ka]

Is it possible to add intermediate divisions on the axes? For example, like in this photo https://go.screenpal.com/watch/cZivQEVPHvr
The main interval lines intersect the entire area, but the small intermediate ticks do not intersect the main display area.

Thank you!

[Thangaraj Raman]

@diano4ka,

It is not possible to add intermediate divisions on the axes, as of now. However, you can set the interval at which intermediate ticks will be displayed and use the labelFormatter function to display labels selectively based on a custom property called majorInterval. Please check the code snippet below:

 axisX: {
    interval: 1,
    gridThickness: 0,
    majorInterval: 10,
    labelFormatter: function (e) {
      if(e.value % e.axis.majorInterval == 0)
        return e.value
      else
        return "";
    },
    stripLines: xGridLines
  },

You can use stripLines to show gridlines wherever an axis label is shown. Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[Diano4ka]

@thangaraj-raman Thank you!