显示Google柱形图

时间:2015-11-25 17:28:57

标签: javascript jquery google-visualization bar-chart

我有一个使用Google Visualization的柱形图。

enter image description here

现在,为了让我看到每个值,我必须将鼠标悬停在每个图表上以查看值。例如,2.82 kbps

我希望在每个图表的顶部或图表内部显示我的所有值。

我怎样才能展示这样的东西?

任何提示都将非常感谢!

1 个答案:

答案 0 :(得分:9)

您应该查看注释。

柱形图文档的封面为here

您可以向DataTable添加注释列,第1列的注释应该位于索引之后,或者您可以创建视图并stringify源列。

view.setColumns([0, //The "descr column"
1, //Downlink column
{
    calc: "stringify",
    sourceColumn: 1, // Create an annotation column with source column "1"
    type: "string",
    role: "annotation"
}]);

注释是放置在列顶部内部的柱形图的标准。

Here is my play-around-fiddle