如何在Google Geochart中循环包含国家和数据的csv文件？

Question

我有一个很大的csv文件，其中包含一个国家/地区以及该国家/地区的相应数据。

在表单(excel示例)中：

[Country1, Data1],
[Country2, Data2] etc

如何在csv文件中使用循环来生成Geocharts数组中的每个项目。而不是像下面的例子那样把它们都写出来。

 function drawRegionsMap() {

    var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', 500],
      ['France', 600],
      ['RU', 700]
    ]);

我真的不知道如何使用csv文件，因为我以前没有在js中使用过它们，但是我在https://github.com/evanplaice/jquery-csv上偶然发现了jquery-csv工具，但我并没有真正完全理解它。

Answer 1

您的CSV文件已基本满足您的需求。在javascript中加载CSV时，使用castToScalar解析函数确保正确解析数字，然后将数据添加到DataTable中。如果您的CSV包含带有列标签的标题行，则可以像示例那样添加它：

var rawData = $.csv.toArrays(csv, {
    onParseValue: $.csv.hooks.castToScalar
});
var data = google.visualization.arrayToDataTable(rawData);

如果您的CSV不包含报头，那么您需要首先进行一些设置：

var rawData = $.csv.toArrays(csv, {
    onParseValue: $.csv.hooks.castToScalar
});
var data = new google.visualization.DataTable();
data.addColumn('string', 'Country');
data.addColumn('number', 'Value');
data.addRows(rawData);