google-visualization - 谷歌地理图表 : custom display name using lat/long markers and both values

标签 google-visualization

我有一个包含以下列的 Google 地理图表:

// Lat, Long, Value 1, Value 2
[-22.764042,  -43.39921  , 2.86, 1],
[-22.755635,  -43.460325 , 3.70, 2],
[-22.912897,  -43.200295 , 0.50, 1],
[-22.805776 , -43.37292 ,  6.67, 2],
[-23.532905 , -46.63952 ,  33.33, 5]
// ...many rows

我检查了其他答案,但它们在这里不起作用。

无法使用这些值列来显示标签,因为它们在此图表上都很重要。

不能使用地址来代替纬度/经度,因为加载所有标记真的非常非常慢(而且它们在真实图表中很多)。

尝试应用格式化程序来解决这个问题,但它们似乎被显示“美丽”坐标的库覆盖(22º76'4042"S, 43º39'921 “W 而不是 -22.764042、-43.39921)

有什么方法可以加载带有坐标的图表标记,但在其工具提示上显示自定义标签

最佳答案

您可以在纬度/经度列后添加“字符串”类型列,为数据点提供工具提示标签:

var data = new google.visualization.DataTable();
data.addColumn('number', 'Latitude');
data.addColumn('number', 'Longitude');
data.addColumn('string', 'Label');
data.addColumn('number', 'Value 1');
data.addColumn('number', 'Value 2');

data.addRows([
    [-22.764042, -43.39921, 'Foo', 2.86, 1],
    [-22.755635, -43.460325, 'Bar', 3.70, 2],
    [-22.912897, -43.200295, 'Baz', 0.50, 1],
    [-22.805776, -43.37292, 'Cad', 6.67, 2],
    [-23.532905, -46.63952, 'Qud', 33.33, 5]
]);

请参阅此处的示例:http://jsfiddle.net/asgallant/GKmm5/

关于google-visualization - 谷歌地理图表 : custom display name using lat/long markers and both values,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21160478/

相关文章:

asp.net-mvc - 在 ASP.NET MVC 中创建 Google Chart

javascript - 使用 R 和 googleVis 在 TreeMap 中自定义工具提示

PHP:帮助格式化 Google(条形)图表

javascript - Google 图表格式化程序不修改工具提示

javascript - Google Charts LineCharts 的图表范围过滤器

php - 日期范围谷歌图表工具

javascript - 将 Google 图表转换为图像

google-analytics - 如何将hAxis(x轴)格式更改为HH:mm?

javascript - Google 图表工具提示不显示小数点后的数字

javascript - js 条形图显示持续时间(以小时和分钟为单位)