如何制作7天的xAxes标签并在其中绘制1000个数据?

时间:2019-05-22 09:24:05

标签: javascript php chart.js

我从研究中获得了大约1000个数据,这些数据已存储在Mysql数据库中。我已经将数据导入到名为dataTeg1的变量中,并使用json_encode导入了它。 1个数据包括值,日期,时间等。我想使用Chart.js将其绘制到我的网站上。如何正确制作7天的xAxes标签?以及如何在这7天内存储1000个数据?

这就是我所拥有的,这仍然是错误的 https://imgur.com/peGEffS

var config = {
    type: 'line',
    data: {
        labels: [newDate(-3), newDate(-2), newDate(-1), newDate(0), newDate(1), newDate(2), newDate(3)],
        datasets: [{
            label: "Value",
            data: dataTeg1,
        }]
    },
    options: {
        scales: {
            xAxes: [{
                type: 'time',
                unit: 'day',
                unitStepSize: 1,
                time: {
                    displayFormats: {
                        'millisecond': 'MMM DD',
                        'second': 'MMM DD',
                        'minute': 'MMM DD',
                        'hour': 'MMM DD',
                        'day': 'MMM DD',
                        'week': 'MMM DD',
                        'month': 'MMM DD',
                        'quarter': 'MMM DD',
                        'year': 'MMM DD',
                    }
                }
            }],
        },
    }
};

var ctx = document.getElementById("myChart").getContext("2d");
new Chart(ctx, config);

0 个答案:

没有答案