chartist.jsのグリッド線の間隔を調整する方法は？

Question

chartist.jsに問題があります。 y-axisグリッド線の間隔を40pxで調整したい（今36px） 私はいくつかの例を見つけようとしましたが、できませんでした。

.ct-grids line { 
    stroke: #fff; 
    opacity: .05; 
    stroke-dasharray: none; 
} 

これは私の現在のグリッドのスタイリングです。

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); 

ご存知の場合はお知らせください。おかげさまで axisYオプションでscaleMinSpaceを使用して

Answer 1

のために働きました。

options = { 
    axisY: { 
     offset: 0, 
     scaleMinSpace: 40 
     showGrid: true, 
     showLabel: false 
    } 
} 

詳細については、https://gionkunz.github.io/chartist-js/api-documentation.htmlを参照してください。

Answer 2

は、このようなaxisYオプションを変更してください。私

options = { 
    axisY: { 
     scaleMinSpace: 40 
    } 
}