【问题标题】:Unable to set data for Highcharts无法为 Highcharts 设置数据
【发布时间】: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


【解决方案1】:

stringnew 是一个字符串而不是一个 Json 对象

通过使用解决

JSON.parse(字符串新)

【讨论】:

    猜你喜欢
    • 2012-01-20
    • 1970-01-01
    • 2013-03-01
    • 2020-07-30
    • 2020-09-26
    • 2022-11-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多