在谷歌图表上放置值

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'});

在谷歌图表中，它都是关于图层的，所以我添加了这个图层， 请注意该类型与 rowData 中的类型相同

var data = new google.visualization.DataTable();
data.addColumn('字符串', '日期'); data.addColumn('数字', '删除'); data.addColumn({type:'number', role:'annotation'}); // 注释角色 col. data.addColumn('数字', '添加'); 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

调用图表 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);

这一切都在详细的 文档