从 Google Visualization 的 ColumnChart 中手动选择一个栏

2024-04-07

我使用 Google Visualization 的 ColumnChart 制作了一个图表,如下所示。

它基本上是一个使用 3 x 7 矩阵的堆积柱形图。在每个栏中,我删除了另外两行的数据。 我的问题是如何使黄色条(或其他条)看起来像是从一开始就使用 Javascript 代码被单击过。就像下面这样。

*注意黄色条中的浅色边框。


您可以通过调用图表上的 setSelection() 以编程方式选择柱形图。这只能在“ready”事件被触发后才能完成,即您可以在触发此事件时设置选择,如下所示:

google.visualization.events.addListener(chart, 'ready', readyHandler);

function readyHandler(e) {
    chart.setSelection([{"row":1,"column":1}]);
}

这是一个工作示例,我们在绘制图表后以编程方式选择第二个条形:http://jsfiddle.net/FFEZT/ http://jsfiddle.net/FFEZT/

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

从 Google Visualization 的 ColumnChart 中手动选择一个栏 的相关文章

  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • 按键对 JavaScript 对象进行排序

    我需要按键对 JavaScript 对象进行排序 因此 以下内容 b asdsad c masdas a dsfdsfsdf 会成为 a dsfdsfsdf b asdsad c masdas 这个问题的其他答案已经过时 与实施现实不符 并
  • 为什么隐式符号到字符串转换会导致 JavaScript 中出现类型错误?

    有一个 toString on Symbol在 ES6 中 它返回字符串表示形式Symbol 但想知道为什么 Symbol 不起作用 运行这个表达式会抛出TypeError我没想到 后者只是打电话吗 toString 在一个新的Symbol
  • React Native:不透明视图内的透明视图

    我想用不透明框架和透明中心显示相机的视图 就像图片中的一样 黑色部分是相机的视图 我正在寻找具有纯反应本机组件的解决方案 没有额外的库 例如https github com gilbox react native masked view h
  • JavaScript - 无需布尔值即可运行一次

    有没有办法只运行一段JavaScript代码ONCE 而不使用布尔标志变量来记住它是否已经运行过 具体来说not就像是 var alreadyRan false function runOnce if alreadyRan return a
  • 您可以将现有的 div 复制到模式对话框吗

    我有一个带有多个面板的仪表板来显示不同的信息 我希望能够添加一个按钮来以模式显示面板 我正在使用引导程序 我所能找到的只是已经编写的模态 我想复制作为面板的 div 标签的内容 然后将其显示在模型中 但我不确定如何进行 该面板的 html
  • 如何在 Sequelize ORM 中限制连接行(多对多关联)?

    Sequelize 定义了两种模型 具有多对多关联的 Post 和 Tag Post belongsToMany db Tag through post tag foreignKey post id timestamps false Tag
  • 实现悬停信息框

    我有一个日历 当用户将鼠标悬停在单元格上时 会出现一个很大的信息框 其中包含该日期的详细信息 虽然当用户离开时使信息框消失 但我遇到了一些麻烦 我基本上想要它 这样当鼠标光标移出信息框隐藏的日历单元格时 它就会消失 但我遇到了麻烦 因为mo
  • 使用命名的成功/错误回调在 AngularJS 中声明一个 Promise

    我正在尝试做一些与 http 服务非常相似的事情 根据我的理解 http 返回一个 Promise 对象 使用它时 语法是 http success function data success callback error function
  • html canvas动画卡顿

    谁能解释为什么提供的画布动画断断续续 我创建了一个测试存根来演示该问题 我在桌面上的 FF Chrome IE 以及 Android 上的 FF 和 Chrome 中看到了卡顿现象 口吃是由于垃圾收集造成的吗 似乎 raf 在每次调用时都会
  • setInterval() 在用户离开选项卡时暂停?

    javascript 中是否有任何方法的行为类似于 setInterval 并且当用户离开选项卡时停止并在用户再次进入选项卡时恢复 您可以使用以下方法创建自己的 API可见性API https developer mozilla org e
  • 将 onclick 事件应用于页面加载时不存在的元素

    我将列表样式设置为看起来像选择框 并且当用户单击列表中的元素时我想触发一个函数 但是该元素是通过加载的AJAX因此 当页面加载并且我无法绑定时不存在onclick事件到它onDomReady 如果我把它作为一个普通的选择列表 我可以只标记一
  • JavaScript Promise 不执行 .then()

    我在 JavaScript 中的 Promise 方面遇到了一些问题 我想做的是获得一个地址列表 然后对于每个地址 我需要调用地理编码 API 来获取 lat lng 然后我将继续将标记与热图一起绘制 这是我的代码 let promiseK
  • JavaScript 中的实时摩尔斯电码转换器

    在看到谷歌关于莫尔斯电码 gmail 的愚人节笑话后 我想我应该尝试用 javascript 创建一个实时莫尔斯电码转换器 我正在使用正则表达式和替换将莫尔斯电码更改为字符 例如 replace g a replace g r 我遇到的问题
  • 不使用控件时,视频元素在 Chrome 中消失

    So I think这是一个浏览器错误 它出现在一个更复杂的设计 网站中 但我已经进行了很好的尝试 简化了我的代码和设计等 并发现了以下内容 嵌入时
  • 检测浏览器选项卡是否具有焦点

    是否有可靠的跨浏览器方法来检测选项卡是否具有焦点 场景是 我们有一个定期轮询股票价格的应用程序 如果页面没有焦点 我们可以停止轮询并为每个人节省流量噪音 特别是当人们喜欢打开具有不同投资组合的多个选项卡时 Is window onblur
  • ReactJs 警告:不推荐使用改变“style”。考虑事先克隆它

    我收到以下警告 inWarning div was passed a style object that has previously been mutated Mutating style is deprecated Consider c
  • D3 将现有 SVG 字符串(或元素)追加(插入)到 DIV

    我到处寻找这个问题的答案 并找到了一些我认为可能有用的资源 但最终没有让我找到答案 这里有一些 外部SVG http bl ocks org mbostock 1014829 嵌入SVG https stackoverflow com qu
  • JQuery 删除和内存泄漏

    我正在开发一个游戏 我看到了很多内存消耗 我使用jquery animate 动画完成后 我 remove 元素 我的问题是 从 dom 树中删除一个元素后 对象还存在记忆中吗 Javascript 是一种垃圾收集语言 这意味着当没有代码保

随机推荐

  • 当池中仍有线程运行时,为什么 executor.isShutdown() 返回 true?

    shutdown 的 Java 文档说 shutdown 无效关闭 启动有序关闭 其中执行先前提交的任务 但不会接受新任务 如果已经关闭 则调用不会产生任何附加效果 该方法不等待之前提交的任务完成执行 使用awaitTermination
  • MySQL 在全表字段中添加前缀

    基本上我只是决定将我的主 ID 切换到 源 字段 因为我将从多个源导入内容 现在我想弄清楚事物从何而来 因此我想为其添加一个前缀 例如portalname formerID 我试过了 UPDATE pics SET source nk so
  • neo4j:单向/双向关系?

    所以我研究了 neo4j 我可能会在即将到来的项目中使用它 因为它的数据模型可能非常适合我的项目 我查看了文档 但我仍然需要这个问题的答案 我可以将关系设置为单向吗 看来 Neo4j 的人很喜欢电影 所以我们继续吧 如果我有这样的图表 Ac
  • window.location 和 $location.path 有什么区别?

    在 MVC angularJS 应用程序中 如何重定向到 MVC 页面 我尝试了以下两个选项 First It doesn t work location path MyPage1 Second It works window locati
  • Visual Studio 服务器资源管理器是否支持自定义数据库提供程序?

    我在一些学习项目中使用了 Server Explorer 和相关工具 通过 Microsoft SQL Server 进行图形数据库开发 这是一次很棒的体验 然而 在我的工作中 我处理 Oracle DB 和 SQLite 我的业余爱好项目
  • VSCode扩展如何获取行最后一个字符的位置

    我正在开发一个 VSCode 插件 现在想要获取一行最后一个字符的位置 现在我想使用 with 方法通过已知的 Position 对象获取它 官方参考在这里 https code visualstudio com api reference
  • docker run -e 不工作,bug?

    根据docs https docs docker com engine reference run env environment variables 此外 操作员可以在中设置任何环境变量 容器通过使用一个或多个 e 标志 甚至覆盖那些 上
  • 如何缓解连接 com.mysql.jdbc.JDBC4Connection@11d08960 触发的连接泄漏,

    我有一个 mqtt 客户端从主题获取订阅请求 然后我把它交给固定大小 50 的线程池 我使用 hikaricp 2 4 2 作为 DB Pooling MySQL 数据库 我目前使用 2 4 2 这是我的设置 HikariConfig co
  • 在 uglify / webpack 进行生产之后,每个类的 Class.name 始终为“e”

    我有一个应用程序在开发环境中运行良好 但在生产环境中无法运行 这是由 uglify 引起的 我认为是这样 我有一个用户构建的数据 我将其保存到文件或 LocalStorage 在这两种情况下都是 json 所以并不重要 该结构由 3 种类型
  • 为什么我在mongodb中找不到_id的记录

    我试图通过 MongoID id 字段在 mongoDB 中查找记录 我找到了有关如何执行此操作的示例 但无法使其发挥作用 例子 recID 010101010101011 would be a valid mongodb id recID
  • 在不更改代码的情况下更改 Spring boot 应用程序的端口

    我有两个应用程序需要同时运行 并且两个应用程序都试图在端口上运行8080 我想将其中之一更改为端口9000 我试图更改的应用程序具有 spring security 因此它在端口上运行8443使用时https和港口8080使用时http 我
  • 使用什么颜色混合算法来使颜色变暗?

    我有这些卡片 上面有两种颜色 主要颜色 然后是较暗的强调色 主要颜色以十六进制形式提供给我 但不是重音 您能说出对主颜色的 ARGB 进行了何种混合或转换以获得较暗的强调色吗 如果重要的话 我正在针对 Android 进行开发 因此我可以访
  • 使用 fill_ Between 和 min/max 来表示不等式[重复]

    这个问题在这里已经有答案了 My code import matplotlib pyplot as plt import numpy as np x gt 0 x np linspace 0 17 100 x2 gt 0 y0 x 0 x1
  • 循环并将值插入到mysql的表中

    嗨 我有两个数组作为输入 我想使用循环插入到表中 这是我尝试过的 simple loop LOOP SET i i 1 simples loop LOOP SET j j 1 INSERT INTO ROLE PRIVILEGE BRIDG
  • SQL Server XML查询:查询多个同名子元素

    在上一个问题中 我想知道如何使用 SQL 来JOIN基于标识符的不同 XML 元素 如您所见 我获得了几个不错的解决方案here https stackoverflow com questions 60511464 sql server x
  • 执行 chroot 并在 chroot 中执行命令的 Shell 脚本

    如果我在 shell 脚本中写 chroot home mayank chroot codebase cd SBC 当我运行这个 shell 脚本时它确实进入了chroot但不执行命令cd SBC 当我退出时chroot然后它执行cd SB
  • 如何检查路径是绝对路径还是相对路径

    UNIX 绝对路径以 开头 而 Windows 以字母 C 或 开头 Node js 是否有标准的多平台函数来检查路径是绝对路径还是相对路径 从节点版本 0 12 0 开始 您可以使用path isAbsolute path https n
  • 如何从周数和年份获取日期

    我想从周数和年份获取日期 我从服务器获得了周数和年份 我是 尝试以下代码 但它不起作用 NSDateFormatter dateFormatter2 NSDateFormatter alloc init this is imporant w
  • 如何在 .NET 中使用 TreeView 控件创建三态复选框?

    我在 Windows 窗体项目中有一个树视图控件 该控件已打开复选框 因为树视图控件具有嵌套节点 所以我需要复选框能够进行某种三模式选择 我找不到方法来做到这一点 我只能完全选中或取消选中复选框 如果您正在谈论 Windows 窗体 本文应
  • 从 Google Visualization 的 ColumnChart 中手动选择一个栏

    我使用 Google Visualization 的 ColumnChart 制作了一个图表 如下所示 它基本上是一个使用 3 x 7 矩阵的堆积柱形图 在每个栏中 我删除了另外两行的数据 我的问题是如何使黄色条 或其他条 看起来像是从一开