使Chart.js不超出X轴min和max

时间:2017-08-18 17:42:39

标签: javascript charts chart.js

我使用Chart.js绘制面积图。

X轴的选项如下:

xAxes: [{
    type: "time",
    gridLines: {
        color: "#DCDCDC"
    },
    time: {
        unit: "month",
        unitStepSize: 1,
        displayFormats: {
            "month": "MM.YYYY"
        }
    },
    ticks: {
        autoSkip: false,
        min: minDate,
        max: maxDate,
        padding: 0,
        maxRotation: 0,
        minRotation: 0
    }
}]

但是,如果有数据占用了另一个月的一部分,Chart.js会将X轴扩展到我的minmax限制之外。它将X轴“舍入”到最接近的整月,以便打勾。

例如,如果我的数据中包含1月31日,那么我的图表将从1月1日开始。如果我删除1月31日的数据,那么它将从2月1日开始,如预期的那样。

data[0] 是1月31日; minData 是1月31日: enter image description here

data[0] 是2月1日; minData 是2月1日: enter image description here

如何严格min日期开始?我希望它从1月31日开始,然后开始在右边稍微勾选。

0 个答案:

没有答案