问Chartist.js:除数不工作
EN

Stack Overflow用户

提问于 2015-07-10 12:14:35

回答 1查看 1.2K关注 0票数 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的完整代码

javascript

chartist.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-10 13:38:11

为了得到你想要的：

您的JSFiddle正在使用旧版本的ChartistJS (0.7.2)，升级到最新版本(0.9.1)
将axisY的缩放类型指定为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

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31340526

复制

相似问题

问Chartist.js:除数不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js:除数不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js:除数不工作
EN