如何在Google Geochart中循环使用带有国家和数据的csv文件
How can I loop a csv file with countries and data in a Google Geochart?
我有一个大的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);
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- json格式的国家数据到层次数据
- D3.JS数据映射国家名称变量
- 如何通过提供 IP 地址在数据网格中获取国家/地区名称
- 如何在Google Geochart中循环使用带有国家和数据的csv文件
- 数据地图-根据给定的x和y坐标检索国家代码
- 数据地图获取国家代码列表
- 在哪里可以获得世界上所有国家、省、市和邮政编码的数据
- 在jVectorMap中显示国家/州数据
- 数据地图-加载不同国家的地图以及世界地图
- 当没有可用的悬停国家数据时,在Highmaps中自定义光标
- 如何在单个区域存储城市,州和国家数据相关的json
- D3多系列线形图从tsv文件获得我的国家数据
- 显示没有数据的选定国家