Google 可视化 API：柱形图 %答案

【问题标题】：Google Visualization API: Column Chart %Google 可视化 API：柱形图 %
【发布时间】：2012-08-01 22:45:57
【问题描述】：

如何在悬停时将数据显示为百分比？我可以让网格线显示百分比，但悬停总是显示未格式化的数据：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);

【问题讨论】：

标签： javascript google-visualization

【解决方案1】：

想通了：你必须使用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 + '%']
]);

【讨论】：