如何使用 Vue.js 在 Chart.js 中自定义 Y 轴标签？

Question

I saw many solutions in Stackoverflow but no one is solving my problem.

I want to change the scale of my y axis values.

It will be

0 100 200 300

My Code:

yAxis: [{
          type: 'value',
          axisTick: {
            show: false
          },
          scales: {
            yAxes: [{
              ticks: {
                beginAtZero: true,
                stepSize: 100,
                min: 0,
                max: 300
              }
            }]
          },
          axisLabel: {//},
        }],
        series: [{
          //
          lineStyle: {//},
          areaStyle: {
            normal: {
              //
          },
     itemStyle: {
       normal: {
         //
    }
  },
  data: [236, 0]
}]

I have changed this also.

axisTick: {
    show: false
}

Answer 1

Please use this live example to compare your settings with the example's working settings.

var options = {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [
            {
                label: '# of Points',
                data: [236, 0],
                borderWidth: 1
            }
        ]
  },
  options: {
    scales: {
        yAxes: [{
        ticks: {
          min: 0,
          max: 300,
          stepSize: 100,
          reverse: false,
          beginAtZero: true
        }
      }]
    }
  }
}