Chartist.js：除数不起作用

Question

我试图让我的 Y 轴准确地分为 [0, 250, 500, 750, 1000]。但是我设置为 250 的 'divisor' 属性不起作用，它仍然是默认值 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

Answer 1

为了得到你想要的：

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

JSFiddle

Chartist.js：除数不起作用

Chartist.js: divisor doesn't work

javascript

chartist.js