使用交互式地图时遇到问题
使用交互式地图时遇到问题
提问于 2013-12-14 05:42:34
我正在尝试(但失败了)使用Google的可视化代码来创建交互式地图。当我将鼠标悬停在美国某个州上时，我希望该数值的格式包含一个美元符号。
这是我的地图代码，有人能告诉我我哪里做错了吗？
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['State', 'Dollars'],
['US-IL', 200],
['US-IN', 300],
['US-AL', 200],
['US-AZ', 800],
]);
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data, {width: 556, height: 347, region: "US", resolution: "provinces"});
}回答 1
Stack Overflow用户
发布于 2014-01-15 02:07:09
要对处于悬停状态的数据使用美元符号，您需要告诉Geochart系统使用特定前缀格式化数据。如果需要百分比，您可以添加一个带有百分比符号的后缀。请参阅下面的Google API文档。
谷歌应用编程接口文档：https://developers.google.com/chart/interactive/docs/reference#numberformatter
在您的示例中，要使用的两行代码是：
// Add the prefix (and set the decimal places)
var formatter = new google.visualization.NumberFormat({prefix: '$', fractionDigits: 0});
// Apply formatter to second column
formatter.format(data, 1); 因此，您的代码将如下所示：
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['State', 'Dollars'],
['US-IL', 200],
['US-IN', 300],
['US-AL', 200],
['US-AZ', 800],
]);
// --- Code to add ---
var formatter = new google.visualization.NumberFormat({prefix: '$', fractionDigits: 0});
formatter.format(data, 1);
// --- End of Code to add ---
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data, {width: 556, height: 347, region: "US", resolution: "provinces"});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20576507
复制相关文章
相似问题
腾讯云开发者
