I am struggling with chartist.js.
I want to increase the spacing between y-axis gridlines by 40px. (Currently set at 36px)
I have tried looking for examples, but haven't found any.
.ct-grids line {
stroke: #fff;
opacity: .05;
stroke-dasharray: none;
}
This is my current grid styling.
var data = {
labels: ['JAN 1', 'JAN 18', 'FEB 14', 'MAR 9', 'APR 22', 'May 2'],
series: [
[40.8, 46.5, 48.8, 56.9, 68.7, 72.7],
[12.8, 13.7, 13.9, 14.8, 15.3, 15.6],
[5.2, 3.8, 4.2, 5, 3.9, 4.3],
[1.2, 1.8, 1.7, 2.1, 1.8, 1.9]
]
};
var options = {
showPoint: false,
lineSmooth: false,
axisX: {
showGrid: false,
showLabel: false
},
axisY: {
offset: 0,
showGrid: true,
showLabel: false
}
};
var chart = new Chartist.Line('.ct-chart', data, options);
If you have any insights, please share. Thank you.