如何在Chart.js v2中使用两个Y轴？
如何在Chart.js v2中使用两个Y轴？
提问于 2016-06-29 04:06:33
我正在尝试使用Chart.js创建一个包含两个数据集的折线图，每个数据集都有自己的Y标度/轴(一个在图形的左边，一个在图形的右边)。
这是我的代码(jsfiddle)：
var canvas = document.getElementById('chart');
new Chart(canvas, {
type: 'line',
data: {
labels: [ '1', '2', '3', '4', '5' ],
datasets: [
{
label: 'A',
yAxesGroup: 'A',
data: [ 100, 96, 84, 76, 69 ]
},
{
label: 'B',
yAxesGroup: 'B',
data: [ 1, 1, 1, 1, 0 ]
}
]
},
options: {
yAxes: [
{
name: 'A',
type: 'linear',
position: 'left',
scalePositionLeft: true
},
{
name: 'B',
type: 'linear',
position: 'right',
scalePositionLeft: false,
min: 0,
max: 1
}
]
}
});但是，第二个轴不可见，并且第二个数据集仍与第一个轴完全相同(0到100而不是0到1)。我需要改变什么？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38085352
复制相关文章
相似问题
腾讯云开发者
