不同網格線的步驟

Question

我有與具有爲5的步長大小蜱y軸刻度線圖，我想有網格線都爲1的步驟/間隔也看不出一個明顯的方法來做到這一點，無論如何要在chart.js中實現這一點？

在此先感謝！

Answer 1

不幸的是，與當前chart.js之API，還有就是配置網格線佈局獨立於蜱放置沒有乾淨的方式。換句話說，您不能將軸配置爲每5步顯示一次刻度，同時每1步仍顯示一次網格線。

即使沒有乾淨方式，還有然而，仍然有辦法讓你的行爲之後。

下面的配置會給你想要的結果，但唯一的缺點是網格線仍超出軸線延伸的隱藏刻度標記（例如它看起來有點搞笑）。

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
    scales: { 
     yAxes: [{ 
     ticks: { 
      stepSize: 1 
     }, 
     callback: function(value, index, values) { 
     if (value % 5 === 0) { 
      return value; 
     } else { 
      return ' '; 
     } 
     }, 
     }] 
    } 
    } 
}); 

這是一個通過codepen的實例。