如何将另一个数据系列添加到 Google 图表

2023-11-25

我按照本页上的示例设置了一个简单的 Google 图表: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

Example:

  // 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));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将另一个数据系列添加到 Google 图表 的相关文章

  • 在原子操作中测试和递减?

    我刚刚发现了一个恼人的错误 它基本上是一个竞争条件 为了便于论证 我们假设一个非常简单的文档结构 例如 id XXX amount 100 集合中存在数百个这样的文档 并且由多个编写器访问 这些编写器有效地尝试将数量降低任何值 但绝不会低于
  • 使用过渡添加子项时 div 的平滑增长

    尽管使用了以下代码 但其行为并不符合我的预期transition所以可能有些事情我不明白 理想情况下 单击该按钮会将一个子项添加到id2div 并制作id1分区增长smoothly因此 function id1 button click g
  • 如何在Rails 中使用highlight.js?

    我正在尝试在我的 Rails 应用程序中使用语法突出显示和highlight js height js 的说明如下 https github com isagalaev highlight js https github com isaga
  • 调整大小后获取实际图像大小

    我有一个充满缩略图的页面 用 css 调整大小150x150 当我单击缩略图时 页面变暗 并且图像以其真实尺寸显示 目前 我必须手动创建一个包含所有图像的实际高度的数组 为了解决设计问题 减少画廊的手动操作 我需要在调整图像大小 CSS 后
  • 如何在本机反应中发出触摸事件

    我正在尝试启用 panResponder 以拖放模式在屏幕上移动组件 然而 这种拖放必须通过longPress在这样的元素上 longPress捕获事件 所以当panResponder已启用onStartShouldSetPanRespon
  • 发送电子邮件的 Google Apps 脚本语法错误。无法识别我的问题

    我正在尝试让 Google 工作表从工作簿中另一张工作表的长列表中发送个性化电子邮件 我使用了教程 因为我是所有编码语言的认证新手 但 AppScript 告诉我第 4 行有语法错误 我一生都无法弄清楚我做错了什么 但我确信当由具有这些合法
  • Collada 模型面在 Three.js 中无法正确显示

    将 collada 模型导入到 Three js 后 模型的某些面只能从模型内部看到 从外部看不到 如何解决相关面孔的问题 是否可以让模特的脸部从两侧都可见 它无法正常工作的原因是您的文件设置了此双面标志
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • Vue 多个组件位于一个包/文件中

    假设我想创建一个 UI 包 如何将多个组件放入一个 JS 文件中 通常我会将不同的组件放在不同的文件中 import ButtonText from ButtonText vue import ButtonIcon from ButtonI
  • 如何使用 JavaScript 禁用滚动条?

    当我仅在 Internet Explorer 7 中显示代表模式窗口的 div 时 我需要锁定浏览器滚动条 谷歌搜索我发现我可以使用document body style overflow hidden 但这不适用于 IE7 我也尝试过do
  • 变量值的 swap() 函数[重复]

    这个问题在这里已经有答案了 我无法达到下面这个交换函数的预期结果 我希望将值打印为 3 2 function swap x y var t x x y y t console log swap 2 3 任何线索将不胜感激 您的函数正在内部交
  • 每次页面重新加载时都会出现新的 Google 登录库提示

    在我的项目中 我使用常规弹出客户端 JS 身份验证 平台客户端 https developers google com identity sign in web sign in 我从旧版 Google Sign 迁移到新版 Google I
  • JavaScript 匿名函数语法

    下面两个块有什么区别 block 1 console log anonymous block block 2 function anon console log anonymous block 2 我在 Netbeans 中运行了这个 使用
  • QUnit 与固定装置的奇怪行为,测试交替失败和通过

    我在 QUnit 中进行了以下设置 Dozen or so previous tests here test Test some markup generation function qunit fixture plugin jQuery
  • 使用js获取选择选项的onclick事件

    我有一个非常令人沮丧的问题 我有这个代码 它过滤掉我的结果并将它们输入到选择框中 var syn
  • CSS交付优化:如何推迟CSS加载?

    我在尝试着优化 CSS 交付遵循针对开发人员的谷歌文档https developers google com speed docs insights OptimizeCSSDelivery example https developers
  • 从另一台服务器读取 Node.js 中的大文件

    我有两台相互通信的服务器 Server1 向 Server2 请求文件的部分内容 并将收到的数据存储到一个文件中 Server2 应该接收每个请求并创建一个流管道传输数据 假设服务器2中存储的文件 目录 如下 bigfile gz bigf
  • (A == B == C) 比较在 JavaScript 中如何工作?

    我预计以下比较会给出错误 var A B 0 if A B 0 console log true else console log false 但奇怪的是它又回来了false 更奇怪的是 console log A B 1 returns
  • 如何在不刷新页面的情况下更新页面 html 和 url

    我想知道是否有人可以指出我学习如何在不刷新页面的情况下更新页面 html 和 url 的方向 是否有任何现有的 javascript 库可以处理这个问题 或者有一本涵盖此类事情的好书 这是使用该效果的示例网站 http onedesignc
  • 在 Javascript 中动态创建 []array

    也许这将是一个真正愚蠢的问题 但我是 JavaScript 新手 并且坚持动态创建数组 如下格式 items Date 2012 01 21T23 45 10 280Z Value 7 Date 2012 01 26T23 45 10 28

随机推荐

  • AJAX 文件上传后 $_POST 和 $_FILES 为空

    我是网络开发新手 最近遇到的问题是ajax文件上传 现在我有两个 HTML 输入字段 文件输入和按钮
  • 使用 JDBC 从长字符串创建 CLOB

    我有以下查询 select id from table1 where some func 1 where some func是一个允许其参数为 VARCHAR2 或 CLOB 的函数 并且 是一些字符串 可能很长 我正在尝试使用以下代码来绑
  • 仅在 dart/flutter 中取小数

    我有一个数字 我想只取小数部分并将其转换为具有一定精度的整数 我怎样才能用 Dart 语言或 flutter 做到这一点 例如 转动这个 247 64646122587197 进入这个 6464 去掉浮点数 只取4位小数 将其转换为整数 像
  • 动态更新 NSTouchBar 以编程方式添加/删除项目

    我目前正在为我的 macOS 应用程序实现 NSTouchBar api 目前 我唯一的触摸栏将主视图控制器作为其委托 我可以向其中添加项目 问题是 我需要仅在满足特定条件 在表中选择一行 时才显示其中一些项目 假设我有一个布尔值 指示按钮
  • Mac 上是否预装了 freetype?

    我对 Mac OS X 环境比较陌生 我试图安装 freetype 库来在 OpenGL 中显示文本 但失败了 我在一些论坛上读到 Mac OS X mountain lion 预装了 freetype 我只是想确认这一点 如果 Mac 确
  • Java TreeSet 与长度比较器错误?

    我有下面的代码 它使用基于字符串长度的比较器创建一个 TreeSet public class TreeSetComparator public static void main String args SortedSet
  • Laravel 中的数据库播种是什么?

    我使用 Laravel 框架 最近我被告知有一个名为database seeding它为我们的测试生成一个假数据集 我的理解正确吗 嗯 这很奇怪 怎么运行的 它如何知道我需要数据库X列中哪种类型的数据 以及它是如何产生的 另外 我不能制作我
  • 如何在Python中将列表转换为带空格的字符串?

    如何在 Python 中将列表转换为空格分隔的字符串 例如 我想转换这个列表 my list how are you 到字符串中 how are you 空间很重要 我不想得到 howareyou join my list 您需要使用空格而
  • 是否可以创建一个扩展方法来格式化字符串?

    这个问题很简单 我们如何在 C 中格式化字符串 这边走 string Format string goes here with placeholders like 0 1 firstName lastName 现在 是否可以创建一个扩展方法
  • git - 精心挑选的功能提交到新分支,恢复提交,变基未按预期工作

    我最近不得不从我们的 开发 分支中删除一个功能 因为它被搁置到稍后的日期 为此 我创建了一个分支 其父级位于第一个功能提交之前的 dev 上 第一个功能提交是来自另一个分支的压缩合并 然后 我将所有功能提交从 dev 挑选到新分支 最后 我
  • mysql:后缀搜索的有效方法(如“%text”又名前缀通配符)?

    MySQL 中是否有任何内置功能可以在不扫描整个表的情况下执行上述操作 我找到的唯一解决方案是存储我想要比较的列的镜像版本并执行like txet 我也没有看到绕过后缀搜索的方法 这是一本德语词典 许多单词都有带前缀的版本 例如用户搜索 G
  • s[i] - '0' 是什么意思?

    以下代码来自 K R 教科书 第 71 页 val 10 0 val s i 0 什么是s i 0 意思是这里 看起来s是字符数组或指向字符数组第一个元素的指针 和元素s i 包含代表数字的字符 例如 5 要转换此字符 例如在 ASCII
  • LinearProgressIndicator 动画 Flutter

    我正在尝试创建一个带有页面滑块轮播和进度栏的页面 当轮播移动到另一个页面时 我希望进度条通过动画从一个值更新为另一个值 我试过LinearProgressIndicator但我不知道如何将动画从旧值设置为新值 这就是我所拥有的 Linear
  • 是否为地址从未使用过的静态常量变量分配了内存?

    如果我从不使用静态常量变量的地址 那么在使用相当现代的编译器时是否会为其分配内存 这取决于type变量的含义 以及 常量 是否也意味着 常量表达式 例子 static const Foo get foo std cin static con
  • Ruby on Rails 和 Heroku 问题

    git push heroku master 我基本上收到这个错误消息 error src refspec master does not match any error failed to push some refs to email
  • Symfony FOSUserBundle - 在布局模板中包含登录表单

    我们已经成功配置了 FOSUserBundle 登录 注册 重置密码等一切正常 现在我们希望将登录表单合并到我们的常规站点布局中 特别是将表单放置到布局标题的右上角部分 如果我们只处理用户名和密码字段 那么这样做就很容易了 但是我们似乎不知
  • 如何使用正则表达式检测 CTRL+C 和 CTRL+V 按键?

    I have blocked all aTOz character input for my text field using regular expression in my JavaScript but as I have blocke
  • 从注入脚本到带有响应的内容脚本的通信

    下列的这个问题 注入脚本和内容脚本之间的通信可以这样进行 Content script window addEventListener getChromeData function data do Chrome things false I
  • 使 PRNG 跨软件达成一致

    我正在研究是否有可能让两组软件就生成的伪随机数序列达成一致 我对理解所有可能的分歧点感兴趣 就像我对真正找到一种方法让他们达成一致一样感兴趣 Why 我在一家使用许多不同软件包 Stata R Python SAS 可能还有其他软件包 的数
  • 如何将另一个数据系列添加到 Google 图表

    我按照本页上的示例设置了一个简单的 Google 图表 http code google com apis chart interactive docs gallery linechart html google load visualiz