Chart.js -以“天”为单位在x轴上呈现时间图

vohkndzv  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(216)

我使用的是Chart.js(2.7),我将日期以ISO格式保存在labels数组中,我还尝试将它们保存为毫秒刻度,并且我的数据集的数据是随机正整数。
我的图形配置如下所示:

{
    type: 'bar',
    data: {
        datasets: [] as any[],
        labels: [] as string[]
    },
    options: {
        legend: {
            display: false
        },
        maintainAspectRatio: false,
        plugins: {
            legend: {
                position: 'top',
            }
        },

        scales: {
            xAxes: [{
                ticks: {
                    autoSkip: true
                },
                scaleLabel: {
                    display: true,
                    labelString: 'Pinged At (Date and Time)'
                },
                type: "time",

                time: {
                    unit: 'day',
                    unitStepSize: 1,
                    stepSize: 1
                }
            }],

            yAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: 'Response Time (ms)'
                }

            }]
        }
    }
}

这不会呈现任何内容!它会检测标签的内容:

但是没有数据点。但是,当我将单位设置为小时,然后显示数据时,它工作得很好。
我的标签数组包含如下数据点:[“2022年6月30日星期一16:24:07.713+05:00”,“2022年7月7日星期一15:23:02.742+05:00”]
我的数据点是这样的:【一、十一】
谁能告诉我,我是否在配置上犯了任何错误?

ffvjumwh

ffvjumwh1#

如果你正在推送你的数据集,你需要在之后调用myChart.update()。当我没有得到数据点时,这是我的第一个想法。

相关问题