Google Visualization API的最新更新在发行说明中有以下内容:
现在可以显示栏,列,点等旁边的持久值
我认为这意味着您可以在图表上显示标签(最终!)而无需任何互动。
你是如何实际做到的?文档中还没有任何内容。我检查了the google group page,但没有看到任何关于如何做的例子或指示。
答案 0 :(得分:2)
发行说明指的是对BarCharts和ColumnCharts(以及之前不支持它们的一些其他图表)的注释的支持。这是一个例子:
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Value');
data.addColumn({type: 'string', role: 'annotation'});
data.addRows([
['Foo', 53, 'Foo text'],
['Bar', 71, 'Bar text'],
['Baz', 36, 'Baz text'],
['Cad', 42, 'Cad text'],
['Qud', 87, 'Qud text'],
['Pif', 64, 'Pif text']
]);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {
height: 400,
width: 600,
vAxis: {
maxValue: 100
}
});
}
google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});
jsfiddle:http://jsfiddle.net/asgallant/LrGp3/
答案 1 :(得分:0)
感谢asgallant's answer我明白了。
使用他的代码作为基础,我将包从1更改为1.31。
使用google.load('visualization', '1', {packages: ['corechart', callback: drawChart});
,这就是你得到的:
使用google.load('visualization', '1.31', {packages: ['corechart', callback: drawChart});
,这就是你得到的:
我认为可能还有其他方法可以将注释移到栏外等,但我们必须等待更新的文档。
注意:asgallant的代码缺少c
中的corechart
,因此它不会按原样呈现