Javascript Y轴在Chartjs上未正确显示

Javascript Y轴在Chartjs上未正确显示,javascript,chart.js,Javascript,Chart.js,我正在尝试使用ChartJS最新版本,我遇到了这个问题,它显示了四个Y轴,三个在左边。这是我的密码: var ctx=document.getElementById(“QGL_图表”).getContext(“2d”); var myChart=新图表(ctx{ 键入:“行”, 数据:{ 数据集:[{ 标签:“左数据集”, yAxisID:'第一个y轴', 数据:[1,2,3,4] }, { 标签:“右数据集”, yAxisID:'第二个y轴', 数据:[4,3,2,1] }], 标签:[1

我正在尝试使用ChartJS最新版本,我遇到了这个问题,它显示了四个Y轴,三个在左边。这是我的密码:


var ctx=document.getElementById(“QGL_图表”).getContext(“2d”);
var myChart=新图表(ctx{
键入:“行”,
数据:{
数据集:[{
标签:“左数据集”,
yAxisID:'第一个y轴',
数据:[1,2,3,4]
},
{
标签:“右数据集”,
yAxisID:'第二个y轴',
数据:[4,3,2,1]
}],
标签:[1,2,3,4]
},
选项:{
比例:{
“左y轴”:{
类型:'线性',
位置:'左'
},
“右y轴”:{
类型:'线性',
位置:'右'
}
}
}
});

这是因为比例的对象名称成为ID,并且由于您尝试将数据集映射到不存在的比例ID,它会为您额外创建它们。如果将数据集中的axisId属性设置为与指定的对象名称相同,则该属性将以插入方式工作,请参见代码段:


var ctx=document.getElementById(“QGL_图表”).getContext(“2d”);
var myChart=新图表(ctx{
键入:“行”,
数据:{
数据集:[{
标签:“左数据集”,
yAxisID:'左y轴',
数据:[1,2,3,4]
},
{
标签:“右数据集”,
yAxisID:'右y轴',
数据:[4,3,2,1]
}
],
标签:[1,2,3,4]
},
选项:{
比例:{
“左y轴”:{
类型:'线性',
位置:'左'
},
“右y轴”:{
类型:'线性',
位置:'右'
}
}
}
});

谢谢!这管用!