将值放在Google图表上

Question

如何在'google.visualization'图表上放置值？

请参阅附图。

var options = {
      width: 1024, height: 240,
      title: 'Clicks from Welcome email',
      vAxis: {title: 'email Clicks',  titleTextStyle: {color: 'black'}}
    };

这是解决方案

data.addColumn（{type：'number'，role：'annotation'}）;

在google图表中它的所有关于图层，所以我添加了这个图层， 注意该类型与rowData中的类型相同

  

var data = new google.visualization.DataTable（）;
          data.addColumn（'string'，'date'）;           data.addColumn（'number'，'Remove'）;           data.addColumn（{type：'number'，role：'annotation'}）; //注释角色col。           data.addColumn（'number'，'Add'）;           data.addColumn（{type：'number'，role：'annotation'}）; //注释角色col。           data.addRows（[]）;

Answer 1

最近使用DataTable角色向gviz引入了此类功能：您可以在数据表中使用额外的信息列来创建注释和其他类型的功能。

请参阅此处的第一个示例，以获取我认为您想要的指南： http://code.google.com/apis/chart/interactive/docs/roles.html#whatrolesavailable

Answer 2

调用Chart API时必须设置数据，如下所示：

var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows([
  ['2004', 1000, 400],
  ['2005', 1170, 460],
  ['2006',  860, 580],
  ['2007', 1030, 540]
]);

然后使用上面的代码设置选项并绘制图表：

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);

所有这些都在广泛的documentation

中进行了解释