Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以为chartJs上的不同yAxis间隔创建不同的步长?_Javascript_Chart.js - Fatal编程技术网

Javascript 是否可以为chartJs上的不同yAxis间隔创建不同的步长?

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.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演示:

您可以通过定义
记号来伪造零线的记号,如下所示:

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
}
}]
}
}
});