从CSV文件绘制热图[Highcharts]

Question

我制作了一张污染表，它与代码中的系列数据完美配合。然而，我不知道如何让它从没有数据模块的CSV文件中读取相同的数据。您可以在此处查看表格：https://jsfiddle.net/Ruloco/58q60968/7/

将第一列理解为日期，将第二列理解为工作站的名称，将第三列理解为污染值，我假设这是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

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

Answer 1

看看这个JQuery插件，基本上它将CSV文件转换为javascript数组：https://github.com/evanplaice/jquery-csv/

安装完成后，您应该可以

var result = $.csv.toArrays(csvInput);

使用您提供的格式的CSV。

这个片段实际上完全符合我的想法。

＆＃13;

＆＃13;

var csv = $('textarea').val()
var result = $.csv.toArrays(csv)
console.log(result)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>

<textarea>
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
</textarea>

＆＃13;

＆＃13;

＆＃13;