在html.erb文件中设置Chart.js的刻度

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

<script>
  var ctx = document.getElementById('myChart').getContext('2d');
  var myChart = new Chart(ctx, {
    // 配置选项
    options: {
      // 设置刻度
      scales: {
        // x轴刻度配置
        x: {
          // 刻度类型，默认为线性刻度
          type: 'linear',
          // 刻度显示配置
          ticks: {
            // 最小刻度值
            min: 0,
            // 最大刻度值
            max: 10,
            // 刻度步长
            stepSize: 2
          }
        },
        // y轴刻度配置，同x轴刻度配置
        y: {
          type: 'linear',
          ticks: {
            min: 0,
            max: 100,
            stepSize: 20
          }
        }
      }
    },
    // 数据配置
    data: {
      // 数据集合
      datasets: [{
        // 数据类型，默认为折线图
        type: 'line',
        // 数据
        data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
      }]
    }
  });
</script>