Chart.js在第一步和最后一步中忽略stepSize

时间:2017-11-07 09:30:11

标签: javascript charts chart.js

我正在尝试使用chart.js绘制图表。我无法将xAxis设置为具有相同的步骤:

var minimal = (new Date(2017, 9, 1, 0, 0)).getTime();
var maximal = (new Date(2018, 9, 1, 0, 0)).getTime();
var step =(maximal - minimal)/12.0;
.......
xAxes: [{
        type: 'linear',
        ticks: {
            min: minimal,  
            max: maximal,  
            fixedStepSize:  step,
            stepSize: step,
            steps: 12,

但是在最终图表中,第一步有20天,最后一步有10天。我希望步骤具有相同的步骤:enter image description here

这里有什么建议吗?

编辑:我用这个问题创建了JSFiddle:enter image description here

1 个答案:

答案 0 :(得分:0)

我用ticks.callback属性解决了它,但是我对此不太满意,感觉很脏:

请参阅文档here

ticks: {
    [...],
    callback: function(value, index, values) {
        if(index !== 0 && index !== values.length - 1){
            // Return value only when it's not the first and not the last
            return value;
        }
    }