Javascript 如何将不断变化的数据转换为在chart.js中可视化

我使用url获取不断更新和更改的数据。它以如下数组的形式返回：

[[0,14]，[1,11]，[2,15]，[3,12]，[4,8]，[5,8]，[6,9]，[7,9]，[8,9]，[9,7]。

我希望对其进行转换，以便在

chart.js

我想我应该把它转换成一个json文件，但我不知道它是如何工作的，因为抓取需要每5秒初始化一次，每次都必须将新数据放入json文件中，然后显示在

chart.js

中

我在

更新阵列[]

中获得了数据，但我现在卡住了

function getDataFromDatapointsUrl(){
const proxyurl = "https://cors-anywhere.herokuapp.com/";
const url = 'https://canvasjs.com/services/data/datapoints.php)';

fetch(proxyurl + url)
.then(response => response.text())
.then(contents => createArrayForUpdatingData(contents));
    }

getDataFromDatapointsUrl();

// setInterval(getDataFromDatapointsUrl, 500);
var updatingDataArray = [];

function createArrayForUpdatingData(updatingData){
    updatingDataArray.push(updatingData);
}

我希望数组中的数据在图表中拆分

[[0,14]，[1,11]，[2,15]，[3,12]，[4,8]，[5,8]，[6,9]，[7,9]，[8,9]，[9,7]。

---

因此，

0,1,2,3,4,5,6，

应该成为x轴，14,11,15。。。应成为图表线、条形图、饼图的值，无论您希望它可视化为什么。

根据您的示例，您只需迭代

更新DataArray

并将每个值推送到一个单独的数组，然后传递到chart.js：

var updateingdataarray=[
[0, 14],
[1, 11],
[2, 15],
[3, 12],
[4, 8],
[5, 8],
[6, 9],
[7, 9],
[8, 9],
[9, 7]
];
变量标签=[]，
值=[]；
updateDataArray.forEach（函数（val，idx）{
标签推送（val[0]）；
push（val[1]）；
});
新图表（document.getElementById（“图表”）{
键入：“行”，
数据：{
标签：标签，
数据集：[{
数据：值
}]
},
选项：{}
})