我创建了一个折线图,其中 y 轴选项如下:
yAxes: [{
ticks: {
precision: 1,
stepSize: 18.1,
min: 148.5,
max: 220.9
}
}]
因此,我希望 y 轴比例如下:
220.9
202.8
184.7
166.6
148.5
但是,当我提供此代码时,我会获取此数据。
请参阅此小提琴的示例:https://jsfiddle.net/wxLzdrcm/
如何使 y 轴刻度像我所描述的那样累加?
这个问题至少被问了两次(1, 2).
解决方案是使用min
and max
值使得stepSize
是一个因素max - min
,允许图表实际使用指定的stepSize
:
yAxes: [{
ticks: {
maxTicksLimit: 5,
min: 144.8, // 18.1 * 8
max: 235.3, // 18.1 * 13
stepSize: 18.1,
},
}]
另一种选择是使用suggestedMin
and suggestedMax
而不是min
and max
,它允许 Chart.js 计算自己的min
and max
:
对于您的情况,您只需申请:
yAxes: [{
ticks: {
maxTicksLimit: 5,
suggestedMin: 148.5,
suggestedMax: 220.9,
stepSize: 18.1,
},
}]
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)