gpt4 book ai didi

javascript - Chartist.js:除数不起作用

转载 作者:行者123 更新时间:2023-11-30 08:36:05 26 4
gpt4 key购买 nike

我试图让我的 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中的lowhigh
  • 根据需要定义刻度(在您的情况下为 [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 ]
},
});

JSFiddle

关于javascript - Chartist.js:除数不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31340526/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com