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
}
}],
希望它能帮助别人