首页 文章

将值放在谷歌图表上

提问于
浏览 次
2

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

请看附图 .

graph example

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'，'Remove'）; data.addColumn（{type：'number'，role：'annotation'}）; //注释角色col . data.addColumn（'number'，'Add'）; data.addColumn（{type：'number'，role：'annotation'}）; //注释角色col . data.addRows（[]）;

php javascript google-api google-visualization

2 回答

  • -1

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

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

    回复于
  • 1

    调用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

    回复于

相关问题