Chart.js类型栏。 X轴包含时间间隔中的数据

时间:2019-01-27 00:12:09

标签: chart.js

如何绘制具有数据(标签)的图表:

[["20190101", "20190104"], ["20190107", "20190109"], ["20190112", "20190115"]],

范围值是: ["A", "A", "Z"]

我的代码:

 new Chart(document.getElementById("bar-chart"), {
        type: 'bar',
        data: {
            labels: [
                moment('20190101').format("YYYY-MM-DD"),
                moment('20190104').format("YYYY-MM-DD"),
                moment('20190107').format("YYYY-MM-DD"),
                moment('20190109').format("YYYY-MM-DD"),
                moment('20190112').format("YYYY-MM-DD"),
                moment('20190115').format("YYYY-MM-DD")],
            datasets: [
                {
                    label: "",
                    backgroundColor: ["#3e95cd", "#3e95cd","#3cba9f","#3e95cd","#3cba9f","#3cba9f"],
                    data: [5,5,5,5,5,5]
                }
            ]
        },
        options: {
            legend: { display: false },
            title: {
                display: true,
                text: 'samples'
            }
        }
    });

我希望日期在时间间隔内。 因此,X轴上的第一个值从日期20190101到日期20190104,下一个值是20190107到20190109,依此类推。 请给我建议

0 个答案:

没有答案