Javascript 如何在chart.js中使y轴与x轴在0处相交 是否有可能使y轴x轴为0,并用CART.JS插件显示图表中间的标签?

Javascript 如何在chart.js中使y轴与x轴在0处相交 是否有可能使y轴x轴为0,并用CART.JS插件显示图表中间的标签?,javascript,chart.js,Javascript,Chart.js,现在看起来是这样的: 我也希望它看起来像这样: 我的代码/片段 var ctx=document.getElementById('myChart').getContext('2d'); 让图表=新图表(ctx{ 键入:“行”, 数据:{ 数据集:[{ 填充:假, 标签:“线性”, 数据:['-3','-2','-1',0',1',2',3',4'] }], 标签:['-3','-2','-1',0',1',2',3',4'] }, 选项:{ 比例:{ 雅克斯:[{ 滴答声:{ 体重:100

现在看起来是这样的:

我也希望它看起来像这样:

我的代码/片段

var ctx=document.getElementById('myChart').getContext('2d');
让图表=新图表(ctx{
键入:“行”,
数据:{
数据集:[{
填充:假,
标签:“线性”,
数据:['-3','-2','-1',0',1',2',3',4']
}],
标签:['-3','-2','-1',0',1',2',3',4']
},
选项:{
比例:{
雅克斯:[{
滴答声:{
体重:100,
建议如下:-5,
建议最大值:5,
步长:1
},
绘图线:{
值:0,
宽度:2,
颜色:“蓝色”
}
}],
xAxes:[{
}]
}
}
});

我可以通过为yAxis设置填充来解决这个问题:

        scales: {
        yAxes: [{
            ticks: {
                position: top,
                beginAtZero: false,
                padding: -225,
                weight :500,
                stepSize: 1
            }


        }],

希望它能帮助别人