如何在谷歌图表中添加另一个数据系列
How to add another data series to a Google chart
我已经设置了一个简单的谷歌图表按照这个页面上的例子:http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
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 options = {
width: 400, height: 240,
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
但是现在,在它被渲染后,用一些javascript,我想动态添加另一系列的数据。有人能告诉我怎么做吗?
我要添加的数据,一个包含员工数量的数字列,应该在图表中显示另一种颜色的新行,并且不是从2004年开始,而是从2005年开始,
您需要向'data'变量添加新数据并再次调用chart.draw()方法。请参阅DataTable文档或在http://code.google.com/apis/ajax/playground/?type=visualization#line_chart
上玩一下。的例子:
// Add columns
data.addColumn('string', 'Employee Name');
data.addColumn('date', 'Start Date');
// Add empty rows
data.addRows(6);
data.setCell(0, 0, 'Mike');
data.setCell(0, 1, {v:new Date(2008,1,28), f:'February 28, 2008'});
data.setCell(1, 0, 'Bob');
data.setCell(1, 1, new Date(2007, 5, 1));
data.setCell(2, 0, 'Alice');
data.setCell(2, 1, new Date(2006, 7, 16));
data.setCell(3, 0, 'Frank');
data.setCell(3, 1, new Date(2007, 11, 28));
data.setCell(4, 0, 'Floyd');
data.setCell(4, 1, new Date(2005, 3, 13));
data.setCell(5, 0, 'Fritz');
data.setCell(5, 1, new Date(2007, 9, 2));
相关文章:
- 如何使用jQuery添加另一个对象的高度作为边距
- 必应地图没有'当我向函数添加另一个参数时,t显示
- 对添加另一个选项卡的onsubmit函数停止重定向
- 单击链接时添加另一个选项
- 列表视图添加另一个不需要的页面项目
- 添加另一个变量后,正则表达式替换不起作用
- 如何通过单击按钮添加另一个复选框
- 添加另一个 JavaScript 时出现 JavaScript 问题
- iMacros 循环然后停止,然后添加另一个命令
- 如何向此 JavaScript 添加另一个条件
- 如何在Drupal 7中通过JS或Jquery模拟“添加另一个项目”
- 显示带有“添加另一个”按钮的选定结果的下拉列表
- 向嵌套的 JavaScript 对象添加另一个值
- 显示选择下拉列表中的结果,然后克隆并添加另一个选择
- 为什么 FirstPersonControls.js 在添加另一个事件侦听器时停止运行
- 在页面上放置一个随机生成器脚本 - 它可以工作.添加另一个具有不同名称的 - 不起作用
- 在Meteor TODO应用程序中向表单添加另一个字段
- 如何添加另一个"条目“;转换为此JSON
- 如何使用日期选择器添加另一个函数
- html:在锚点中添加另一个类