小编Ray*_*ion的帖子

使用动态数据更新chartJS

我的计划是使用chartJS显示温度图,当你查看当地天气时,它看起来有点像google的温度图.我正在使用openweathermap中的数据,并希望每3小时更新一次图表.

不幸的是,我无法找到一个解决方案,可以让我将从openweathermaps获取的数据传递给图表数组并更新它.

在文档中提到了一个更新函数(http://www.chartjs.org/docs/latest/developers/updates.html),但我认为我是一个血腥的初学者,真正理解如何在这种情况下应用它.

这就是我用来绘制带有静态数字的图表的代码:

let myChart = document.getElementById('myChart').getContext('2d');

var WeatherChart = new Chart(myChart, {
 type:'line', 
 data:{
    labels:['3h', '6h', '9h', '12h',],
    datasets:[{data:[12, 16, 16, 8],}]
 },

options:{}
});
Run Code Online (Sandbox Code Playgroud)

我如何使用变量或数组中的数据来更新图表?

javascript chart.js

3
推荐指数
1
解决办法
4282
查看次数

标签 统计

chart.js ×1

javascript ×1