图表JS:在Y轴上的刻度线之间设置间距

时间:2019-08-09 01:29:37

标签: javascript typescript chart.js

我正在使用ChartJS构建折线图。我想增加Y轴上垂直刻度线之间的间距。这是传递给ChartJS的相关选项的一部分。 ticks部分中有一个属性,该属性使我可以增加刻度之间的间隔,从而增加图表画布的总高度。

lineChartOptions = {
    scales: {
      yAxes: [
        {
          id: 'y-axis-0',
          position: 'left',
          ticks: {
              ...    // <-- WHAT OPTION GOES HERE?
          }
        },

注意:不能使用CSS来简单地降低画布的高度,画布会拉伸以填充空间从而扭曲图表。

1 个答案:

答案 0 :(得分:0)

如果数据差异不大,您可以使用它来设置范围

//EXAMPLE DATA [533,743,612,983]
ticks: {
    beginAtZero: false,
    stepSize: 100,
    max: 1000
    min: 500
}