2

我试图让我的 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的完整代码

4

1 回答 1

6

为了得到你想要的：

  • 您的 JSFiddle 使用的是旧版 ChartistJS (0.7.2)，升级到最新版 (0.9.1)
  • 指定axisYas的比例类型Chartist.FixedScaleAxis
  • 定义low和high在axisY
  • 根据需要定义刻度（在您的情况下[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

于 2015-07-10T13:38:11.553 回答