Chartjs,基于不等时间间隔绘制数据

Question

我正在用chartjs绘制图形,其中x轴表示时间,y轴表示相应的数据.

现在我获得了今天,上周,上个月和去年的数据.

var myLineChart = new Chart(ctx).Line(data, options);
var data = {
    labels: ["last year", "last month", "last week", "today"],
    datasets: [
        {
            label: "My First dataset",
            data: [80, 81, 56, 40]
        }
    ]

};

当我绘制图形时,每个点之间的距离是相同的.但这不正确,因为时间间隔不一样.

"去年"和"上个月"之间的距离应该大于"上周"和"上个月"之间的距离.

任何人都知道如何通过chartjs实现这一点,当我查看文档时,我没有看到任何选项.

Answer 1

您必须对chart.js使用扩展,该扩展包含数据结构中x和y值的数据.我找到的是Chart.Scatter.

更长的解释是,默认情况下,您在chart.js中使用的标签只是标签; 它们不会被解析为任何类型的x值.