在谷歌图表上放置值

Posted 2023-05-07

【中文标题】在谷歌图表上放置值

【英文标题】：Place values on google graph

【发布时间】：2012-02-07 14:53:05

【问题描述】：

如何在“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('string', 'date'); data.addColumn('number', '删除'); data.addColumn(type:'number', role:'annotation'); // 注释角色 col. data.addColumn('number', 'Add'); data.addColumn(type:'number', role:'annotation'); // 注释角色 col. 数据.addRows([]);

【参考方案1】：

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

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

【讨论】：

非常感谢，我添加行 data.addColumn(type:'number', role:'annotation');在谷歌图中，它都是关于图层的，所以我添加了这个图层，注意类型与你的 rowData 中的类型相同

【参考方案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中进行了解释

【讨论】：

嗨，是的，我做了这个，图表正在工作，但我想在每个图表行上添加带有值的 toltip，如图中所述