Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌可视化API:柱状图%_Javascript_Google Visualization - Fatal编程技术网

Javascript 谷歌可视化API:柱状图%

Javascript 谷歌可视化API:柱状图%,javascript,google-visualization,Javascript,Google Visualization,如何在悬停时以百分比形式显示数据?我可以让网格线显示百分比,但悬停始终显示未格式化的数据:1vs100% var data = google.visualization.arrayToDataTable([ ['Who', 'Percentage'], ['Unlike Me', 0], ['Like Me', 1] ]); var options = { vAxis: { format:'#%'}, // Makes grid

如何在悬停时以百分比形式显示数据?我可以让网格线显示百分比,但悬停始终显示未格式化的数据:
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);


解决方法:您必须使用:

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 + '%']
]);