如何使用一组time_stamp值的数据动态更新chart.js中的标签

时间:2018-11-12 15:52:05

标签: javascript html charts

随着时间的推移,我试图显示一些数据。定期从db获取数据,包括time_stamp和电池电量。我要在x-axix上将time_stamp显示为标签,并在y轴上针对每个time_stamp值绘制相应的battery_level。

当前时间无法使用,因为time_stamp与当前时间不同步。

这是图表的当前显示: enter image description here

我尝试但无法使用time_stamp数组作为标签并动态更新。我该怎么办?

这是我的代码:

 var ctx = document.getElementById('myChart').getContext('2d');
        var myChart = new Chart(ctx, {
        type: 'line',
        data: {
        labels: [date_time_Array], //array of time stamp
        datasets: [
        {
        label: 'Battery_Voltage',
        data: battArray,
        backgroundColor: "rgba(255,153,0,0.4)"
        }]
        },

            options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
    }); 

0 个答案:

没有答案