Javascript 从CSV文件[Highcharts]绘制热图

Javascript 从CSV文件[Highcharts]绘制热图,javascript,jquery,csv,highcharts,Javascript,Jquery,Csv,Highcharts,我制作了一个污染表,它与代码中的系列数据完美结合。然而,我不知道如何让它在没有数据模块的情况下从CSV文件中读取相同的数据。您可以在此处看到该表: 将第一列理解为日期,第二列理解为站点名称,第三列理解为污染值,我假设这是CSV应该具有的格式: 0,0,30 0,1,38 0,2,12 0,3,65 0,4,220 0,5,115 0,6,80 0,7,90 0,8,160 0,9,220 0,10,50 1,0,31 1,1,42 1,2,13 1,3,58 1,4,240 1,5,123 1,

我制作了一个污染表,它与代码中的系列数据完美结合。然而,我不知道如何让它在没有数据模块的情况下从CSV文件中读取相同的数据。您可以在此处看到该表:

将第一列理解为日期,第二列理解为站点名称,第三列理解为污染值,我假设这是CSV应该具有的格式:

0,0,30
0,1,38
0,2,12
0,3,65
0,4,220
0,5,115
0,6,80
0,7,90
0,8,160
0,9,220
0,10,50
1,0,31
1,1,42
1,2,13
1,3,58
1,4,240
1,5,123
1,6,85
1,7,40
1,8,69
1,9,90
1,10,53
2,0,33
2,1,44
2,2,11
2,3,53
2,4,234
2,5,130
2,6,123
2,7,180
2,8,50
2,9,98
2,10,55

我希望你能帮助我。提前谢谢

看看这个JQuery插件,它基本上将CSV文件转换为javascript数组:

一旦你安装了,你应该能够做到

var result=$.csv.toarray(csvInput)

使用您提供的格式的CSV

我认为这段代码实际上正是你想要的

var csv=$('textarea').val()
变量结果=$.csv.toArray(csv)
console.log(结果)

0,0,30
0,1,38
0,2,12
0,3,65
0,4,220
0,5,115
0,6,80
0,7,90
0,8,160
0,9,220
0,10,50
1,0,31
1,1,42
1,2,13
1,3,58
1,4,240
1,5,123
1,6,85
1,7,40
1,8,69
1,9,90
1,10,53
2,0,33
2,1,44
2,2,11
2,3,53
2,4,234
2,5,130
2,6,123
2,7,180
2,8,50
2,9,98
2,10,55

您可以使用。参见示例:谢谢@morganfree,但我澄清了“无数据模块”对不起,我错过了那个部分。如果没有数据模块,您需要自己解析csv文件-请参阅@morganfree如何在不将序列值放入HTML的情况下解析csv文件?如果我没有错的话,您将这些值放入HTML部分。我只想从外部CSV文件中读取值,然后您需要有一个服务器,它会给您一个CSV文件的响应。可以找到关于该主题的更多见解。当您得到正确的响应时,您可以像本例中一样初始化图表,但热图系列除外