Javascript 是否可以为chartJs上的不同yAxis间隔创建不同的步长?
我有下面这样的图表 如您所见,从0开始,步长为0.1,但我希望它从Javascript 是否可以为chartJs上的不同yAxis间隔创建不同的步长?,javascript,chart.js,Javascript,Chart.js,我有下面这样的图表 如您所见,从0开始,步长为0.1,但我希望它从0开始,然后直接打印0.7,然后继续执行每个0.1步骤。在这里,您可以看到下面的预期结果 这是我为yAxis上的ticks所做的配置 ticks: { min: 0, // forces step size to be 5 units stepSize: 0.1 } 我需要步长:0.7(介于0-0.7之间),如果大于0.7,则需要0.1。不幸的是,我没有机会这样实现。除此之外还有其他选择吗 Codepen演示:您
0开始,然后直接打印0.7
,然后继续执行每个0.1
步骤。在这里,您可以看到下面的预期结果
这是我为yAxis上的ticks
所做的配置
ticks: {
min: 0,
// forces step size to be 5 units
stepSize: 0.1
}
我需要步长:0.7
(介于0-0.7之间),如果大于0.7
,则需要0.1
。不幸的是,我没有机会这样实现。除此之外还有其他选择吗
Codepen演示:您可以通过定义记号来伪造零线的记号,如下所示:
ticks: {
min: 0.65,
stepSize: 0.1,
callback: (value, index, values) => index + 1 == values.length ? 0 : value
}
有关更多说明,请参阅from Chart.js文档
请看一下下面的可运行代码,看看它是如何工作的
新图表(document.getElementById(“myChart”){
键入:“行”,
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“亚太地区重新索引”,
数据:[0.7,0.8,0.9,1,0.9,0.8,0.7],
填充:假,
边框颜色:“rgb(255,0,0)”
}]
},
选项:{
图例:{
显示:假
},
比例:{
雅克斯:[{
滴答声:{
最低:0.65,
步长:0.1,
回调:(值,索引,值)=>index+1==values.length?0:value
}
}]
}
}
});代码>