Chart.js 折线图堆叠：在右侧重复左侧 Y 轴

Question

I want to have the same y axis from the left also on the right of the chart with exactly the same scale. I am using a stacked line chart and i create multiple axis . The result i get is, that the right y-axis has a different scale (0 - 1) than the left one (0 - 6000).

    scales: {
      'left-y-axis': {
        type: 'linear',
        stacked: true,
        position: 'left',
      },
      'right-y-axis': {
        type: 'linear',
        position: 'right',
      },
    },

I have create a jsfiddle with my example, where you see that the left and right y-axis differ: https://jsfiddle.net/3yk4wfag/5/

I did try the stacked: true, for the right-y-axis, but that did not work. Is it possible to get the same scale on the right anyhow?

Answer 1

If the data is static as in your code, you can define the options min and max on 'right-y-axis' as follows:

'right-y-axis': {
   min: 0,
   max: 6000,
   type: 'linear',
   position: 'right',
 },