Javascript 如何仅从<；中的csv中提取特定列\单元格；预处理>；标记，进入高位图表饼图

我不熟悉Stack和jquery、highcharts，还是javascript新手。 我正在尝试创建一个这样的highcharts饼图- 但是，我需要从csv文件中提取数据，只需要特定列

所以看起来是这样的-

下面是.csv文件和代码-

   <pre id="data.csv" class="chart" style="display:none"> 

csv文件中需要的数据显示在csvData变量中

---

因此，我需要能够直接通过getElemnetById（）或将列和标题从标记中的.csv中拉入csvData变量。我不知道该怎么做。试过很多事情，但似乎找不到。如果有任何帮助，我们将不胜感激。

当通过id选择包含点的元素时，您需要使用“.”而不是点

document.getElementById("data\.csv")

或者如果您正在使用jquery“\\”

---

这是您更新的提琴，但是您的拆分功能似乎无法很好地处理pre标签中的文本

谢谢！我不知道！我已经玩了一点，并且可以循环通过data.csv，从csv的每一行中获得colums 8、9和10，正如ruThank you Liviu为您解答的那样。最后，我解决了我的问题，看到了更新的fiddle——我真正需要的是从html标记csv数据中只提取某些列。在我的实际文档中，我有50-60个预标记，每个预标记包含2行csv数据。我使用循环将两行中的每一行的列数据拉入一个字符串，然后重新添加逗号和换行符。我确信有更好的方法来实现我所做的，只是不知道如何实现。正如我所说，我对这一切都是陌生的。谢谢你的回复。

document.getElementById("data\.csv")

$("data\\.csv")