javascript - Chart.js 左右相同的 Y 轴

Question

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

我知道我可以改变立场:

yAxes: [{
 position: 'right'
}]

但我希望两侧的 Y 轴数据相同。知道怎么做吗？

感谢您的帮助。

Answer 1

这是一种方法:

您的 yAxes 是一个数组[]，其中包含对象{}，因此您需要向其添加另一个 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

请注意，您必须重新格式化其中一个新轴以符合默认值，如果它要根据您希望的外观进行更改，您可能需要格式化这两个轴或将这些参数绑定(bind)到您的数据。