我试图让我的 Y 轴准确地分为 [0, 250, 500, 750, 1000]。但是我设置为 250 的“除数”属性不起作用,它仍然是默认值 200。
<body>
<div class="ct-chart ct-perfect-fourth" id="myChart"></div>
</body>
new Chartist.Line(
'#myChart',
{
labels: ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'],
series: [ [560, 600, 840, 900, 400] ]
},
{divisor: 250}
);
查看完整代码 JSFiddle
最佳答案
为了得到你想要的:
- 您的 JSFiddle 使用的是旧版本的 ChartistJS (0.7.2),请升级到最新版本 (0.9.1)
- 将
axisY
的刻度类型指定为Chartist.FixedScaleAxis
- 定义
axisY
中的low
和high
- 根据需要定义刻度(在您的情况下为
[0, 250, 500, 750, 1000]
)
最终结果应该是这样的:
new Chartist.Line('#myChart', {
labels : [ 'Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5' ],
series : [ {
name : 'one',
data : [ 560, 600, 840, 900, 400 ]
}, {
name : 'two',
data : [ 500, 510, 740, 300, 300 ]
} ]
}, {
axisY : {
type : Chartist.FixedScaleAxis,
low : 0,
high : 1000,
ticks : [ 0, 250, 500, 750, 1000 ]
},
});
关于javascript - Chartist.js:除数不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31340526/