如何使用chart.js在图表中设置固定或最小刻度线限制?

时间:2018-10-19 11:38:09

标签: javascript angular chart.js

我有一个使用chart.js的图表,并且看到有一个选项maxTicksLimit,但这还不够,因为我在X-Axis上的数据范围介于5(因此,在这种情况下,我需要在1 stepSize处有5个滴答声),但可能会高达320,在这种情况下,我需要20或25 stepSize时有5或8个滴答声。

有没有一种方法可以定义最小的刻度线?对我来说理想的是:

minimum amount of ticks = 4
maximum amount of ticks = 8

因为如果我将maxTicksLimit: 5放在较高的数字上,它们将是5,但是如果我的X轴范围是0-25,由于某种原因(0-10、10- 15、15-20、20-25)

由于我的X轴范围根据输入而发生了动态变化, 最好的解决方案是拥有这样的东西:

xAxes范围是:

0-5 -> 5 ticks with step 1

0-10 -> 5 ticks with step 2

0-15 -> 5 ticks with step 3

from 15 to 40, up to 8 ticks with step 5

from 40 to 80, up to 8 ticks with step 10

from 80 to 160, up to 8 ticks with step 20

from 160 to 240, up to 8 ticks with step 30

from 240 to 320, up to 8 ticks with step 40

这可能吗?

0 个答案:

没有答案