Chart.js左右相同的Y轴

Question

我有一个使用chart.js制作的工作图表，默认情况下Y轴在左边，但我想在两边都有Y轴数据

我知道我可以改变方面：

yAxes: [{
 position: 'right'
}]

但我想在两侧都有相同的Y轴数据。 知道怎么做吗？

感谢您的帮助。

Answer 1

以这种方式：

你的yAx是一个数组 [] ，其中的对象是 {} ，所以你需要添加另一个yScale，这里有一个例子：

  scales: {
   yAxes: [{
    display: true,
    position: 'right',
    ticks: {
     beginAtZero: true
    }
   }, {
    display: true,
    position: 'left',
    ticks: {
     beginAtZero: true,
     max: 45,
     min: 0,
     stepSize: 5
    }
   }]
 }

Live demo: Chart.js Double yAxis

请注意，您必须重新格式化其中一个新轴以符合默认值，您可能需要格式化这两个参数或将这些参数与数据联系起来，如果它将根据您希望的样子而改变

Answer 2

@Keno的解决方案对我没有用。考虑一下，因为我的图表需要为min: 1000，而不是min: 0。

对我有用的是：

scales: {
   yAxes: [{
    display: true,
    position: 'right',
    ticks: {
     beginAtZero: false,
     max: 2000,
     min: 1000,
     stepSize: 100
    }
   }, {
    display: true,
    position: 'left',
    ticks: {
     beginAtZero: false,
     max: 2000,
     min: 1000,
     stepSize: 100
    }
   }]
 }