[英]Google Visualization API: Column Chart %
How do I get data displayed as a percentage on hover? 如何将数据显示为悬停百分比? I can get the gridlines to show percentages, but the hover always shows unformatted data:
1
vs 100%
. 我可以使网格线显示百分比,但是悬停始终显示未格式化的数据:
1
vs 100%
。
var data = google.visualization.arrayToDataTable([
['Who', 'Percentage'],
['Unlike Me', 0],
['Like Me', 1]
]);
var options = {
vAxis: { format:'#%'}, // Makes gridlines have percentages (correct)
format: '#%' // Does nothing
};
var div = $('#graph').get([0]);
var chart = new google.visualization.ColumnChart(div);
chart.draw(data, options);
Figured it out: you have to use tooltip "data roles" : 弄清楚了:您必须使用工具提示“数据角色” :
data.addColumn('string', 'Who'); // Implicit domain column.
data.addColumn('number', 'Percentage'); // Implicit data column.
data.addColumn({type:'string', role:'tooltip'}); // Tooltip with percentages
data.addRows([
['Like Me', 0, 0 * 100 + '%'],
['Unlike Me', 1, 1 * 100 + '%']
]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.