如何在Google Geochart中循环使用带有国家和数据的csv文件

How can I loop a csv file with countries and data in a Google Geochart?

本文关键字：国家 数据 文件 csv Google Geochart 循环      更新时间：2023-09-26

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

您的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);
相关文章：