在v1.31中显示静态工具提示

时间:2013-11-28 02:20:03

标签: google-visualization

Google Visualization API的最新更新在发行说明中有以下内容:

  

现在可以显示栏,列,点等旁边的持久值

我认为这意味着您可以在图表上显示标签(最终!)而无需任何互动。

你是如何实际做到的?文档中还没有任何内容。我检查了the google group page,但没有看到任何关于如何做的例子或指示。

2 个答案:

答案 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});,这就是你得到的:

old

使用google.load('visualization', '1.31', {packages: ['corechart', callback: drawChart});,这就是你得到的:

new

我认为可能还有其他方法可以将注释移到栏外等,但我们必须等待更新的文档。

注意:asgallant的代码缺少c中的corechart,因此它不会按原样呈现