3

我有一个大的 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 工具,但是我并没有完全理解它。

4

1 回答 1

2

您的 CSV 文件已经基本符合您的需要。当您在 javascript 中加载 CSV 时,使用castToScalarparse 函数确保您的数字被正确解析,然后将数据添加到您的 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);
于 2014-09-20T00:16:48.637 回答