ChartJS折线图从图表中心开始

时间:2020-01-26 22:26:07

标签: javascript chart.js

在这个JSFiddle示例中,

https://jsfiddle.net/01eks6dh/

abc123.com的行从2019-11-01开始,但是图表的xAxis从2019-09-01开始。 2019-11-01之前没有abc123.com的数据,所以我知道为什么从那里开始。无论如何有没有完成这条线,以便从2019-09-01开始,而数据集没有添加零值?有什么办法可以添加选项吗?还是一些回调/覆盖?

{
    type: 'line',
        data: {
        "labels": [],
            "datasets": [
                {
                    "label": "abc123.com",
                    "data": [
                        { "t": "2019-11-01T00:00:00.000Z", "y": 1537567 },
                        { "t": "2019-12-01T00:00:00.000Z", "y": 627 },
                        { "t": "2020-01-01T00:00:00.000Z", "y": 22 }
                    ]
                },
                {
                    "label": "test345.com",
                    "data": [
                        { "t": "2019-09-01T00:00:00.000Z", "y": 37923 },
                        { "t": "2019-10-01T00:00:00.000Z", "y": 173744 },
                        { "t": "2019-11-01T00:00:00.000Z", "y": 426863 },
                        { "t": "2019-12-01T00:00:00.000Z", "y": 136497 },
                        { "t": "2020-01-01T00:00:00.000Z", "y": 241620 }
                    ]
                }
            ]
    },
    options: {
        legend: {
            display: false,
          },
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    unit: 'day',
                    displayFormats: {
                        day: 'll',
                        hour: 'll hA',
                    },
                },
            }],
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
        }
    }
}

0 个答案:

没有答案