无法为Highcharts设置数据：fetch加载CSV数据不显示求助

你的核心问题是传给Highcharts的setData方法的是字符串，而非它需要的数值数组。虽然控制台输出的格式看起来像数组，但本质是一个字符串类型的值，Highcharts无法解析这种格式。

错误原因拆解 #

你在代码里做了多余的字符串转换操作：

let string =JSON.stringify(array);
let stringnew = string.replaceAll("\"","");
chart.series[0].setData(stringnew);

把原本的数组转成JSON字符串，再去掉引号后得到的是"[[1672683118394,12.00],...]"这类字符串，而Highcharts需要的是[[1672683118394,12.00],...]这样的实际JavaScript数组，且数组内的元素必须是数值类型（不是字符串）。

修正后的代码 #

直接处理原始数组，将CSV读取到的字符串转为数值后，直接传给setData：

fetch("data.csv")
   .then(response => response.text())
   .then((response) => {
       function csvToArray(str, delimiter = ",") {
           return str.split("\n")
               .filter(line => line.trim() !== "") // 过滤空行
               .slice(1) // 跳过表头行
               .map(line => {
                   const [time, data] = line.split(delimiter);
                   // 将字符串转为数值类型
                   return [Number(time), Number(data)];
               });
       }

       const chartData = csvToArray(response);
       console.log(chartData); // 此时输出的是标准数值数组
       chart.series[0].setData(chartData);
   })
   .catch(err => console.log(err))

关键优化点 #

1. 简化行处理：用filter+slice替代splice，更简洁地跳过表头和空行
2. 强制类型转换：把CSV读取到的字符串格式的时间、数据转为Number，匹配Highcharts的数据类型要求
3. 去除冗余操作：直接使用处理后的数值数组，不需要JSON转换和字符串替换步骤

这样修改后，Highcharts就能正确识别并加载数据了。

内容的提问来源于stack exchange，提问作者test1