Javascript Chart.JS-错误的Y轴

Javascript Chart.JS-错误的Y轴,javascript,charts,chart.js,Javascript,Charts,Chart.js,我已经在Chart.JS中添加了两个y轴,但我相信这两条直线曲线都只被左轴引用。检查下图,其中工具提示显示了该点。红色和蓝色线都由左轴参照。我希望其中一个被右轴引用 //将默认值设置为直线-无曲线 Chart.defaults.global.elements.line.tension=0.5; //设置线下的默认无填充 Chart.defaults.global.elements.line.fill=false; //带有2条未堆叠线的堆叠钢筋-无 var barChartData={ 标签:

我已经在Chart.JS中添加了两个y轴,但我相信这两条直线曲线都只被左轴引用。检查下图,其中工具提示显示了该点。红色和蓝色线都由左轴参照。我希望其中一个被右轴引用

//将默认值设置为直线-无曲线
Chart.defaults.global.elements.line.tension=0.5;
//设置线下的默认无填充
Chart.defaults.global.elements.line.fill=false;
//带有2条未堆叠线的堆叠钢筋-无
var barChartData={
标签:[2016年、2017年、2018年、2019年],
数据集:[{
键入:“行”,
标签:“红色”,
id:“y轴-0”,
背景颜色:“rgba(51,51,51,0.5)”,
边框颜色:“rgba(255,0,0,1)”,
数据:[1500260047005800]
},{
键入:“行”,
标签:“红色顶部”,
id:“y轴-0”,
背景色:“rgba(255,0,0,0.3)”,
边框颜色:“透明”,
点半径:0,
填充:0,
张力:0.5,
数据:[1600270048005900]
},{
键入:“行”,
标签:“红色底部”,
id:“y轴-0”,
背景色:“rgba(255,0,0,0.3)”,
边框颜色:“透明”,
点半径:0,
填充:0,
张力:0.5,
数据:[1400、2500、4600、5700]
}, {
键入:“行”,
标签:“蓝色”,
id:“y轴-1”,
背景色:“rgba(151187205,0.5)”,
边框颜色:“rgba(44130201,1)”,
数据:[5000,3000,1000,0]
}, {
键入:“行”,
标签:“蓝色上衣”,
id:“y轴-1”,
背景色:“rgba(441302010.3)”,
边框颜色:“透明”,
点半径:0.5,
填充:3,
张力:0,
数据:[510031001100100]
}, {
键入:“行”,
标签:“蓝色底部”,
id:“y轴-1”,
背景色:“rgba(441302010.3)”,
边框颜色:“透明”,
点半径:0,
填充:3,
张力:0.5,
数据:[49002900900,0]
}
]
};
var ctx=document.getElementById(“myChart”);
//分配并初始化图表
var ch=新图表(ctx{
类型:'bar',
数据:barChartData,
选项:{
标题:{
显示:假,
文本:“Chart.js条形图-堆叠”
},
工具提示:{
模式:“标签”
},
回答:是的,
比例:{
雅克斯:[{
错,,
位置:“左”,
id:“y轴-0”,
滴答声:{
贝吉纳泽罗:是的
},
scaleLabel:{
显示:对,
标签串:“左”
},
}, {
错,,
位置:“对”,
id:“y轴-1”,
滴答声:{
最低:-1000,
最高:8000,
步长:1000,
贝吉纳泽罗:是的,
},
scaleLabel:{
显示:对,
标签串:“对”
},
}, ]
},
图例:{
显示:假,
},
}
});

我能够通过在数据集中用
yAxisID
替换
id
来修复它