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 
    } 
    }] 
} 

Live demo: Chart.js Double yAxis

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