Chart.js左右相同的Y轴

Question

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

我知道我可以改变方面:

yAxes: [{
 position: 'right'
}]

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

谢谢您的帮助.

Answer 1

这是一种方式:

您yAxes是Array []与它的对象{} ,所以你需要另一个yScale添加到它,这里一个例子:

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

现场演示:Chart.js Double yAxis

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