【发布时间】:2023-01-12 03:39:36
【问题描述】:
我尝试使用获取功能将数据设置到我的 highchart,但 dta 没有显示,甚至没有设置到我的图表元素。
这是我的获取功能
fetch("data.csv")
.then(response => response.text())
.then((response) => {
//console.log("d"+response)
function csvToArray(str, delimiter = ",") {
let array = str.split("\n").map(function (line) {
return line.split(delimiter);
});
return array;
}
let array = csvToArray(response);
array.splice(0, 1);
array.splice((array.length-1),1)
let string =JSON.stringify(array);
let stringnew = string.replaceAll("\"","");
//console.log(csvToArray(response));
//console.log(csvToArray(response)[0]);
console.log(stringnew);
chart.series[0].setData(stringnew);
})
.catch(err => console.log(err))
以及我的 data.csv 文件
time,data
1672683118394,12.00
1672683159084,10.00
1672683199305,9.00
我还在控制台中看到正确的输出
[[1672683118394,12.00],[1672683159084,10.00],[1672683199305,9.00]]
据我了解,它对应于 Highcharts doku。但是没有加载数据。
任何帮助表示赞赏:)
【问题讨论】:
-
您能否在 jsfiddle 等网站上提供一个工作示例?这将包括您的 csv、fetch 和 Highcharts 配置。
标签: javascript highcharts