Google折线图(交互式)api - 我们如何在指定区域填充不同的背景颜色

2023-12-07

我需要在指定区域的谷歌折线图中水平填充背景颜色。我已经查看了所有 api,但没有得到解决方案。谷歌图像图表(我认为它已被弃用)有一些属性,但我正在使用交互式图表。我只是附上我真正想要的图像。

Please help. enter image description here


您可以通过使用组合图而不是折线图并添加一些额外的数据系列来完成此操作。在您的示例中,您将有 3 个额外的系列,每行的值为 800、1000 和 1200。然后,您设置“系列”选项以使这些“区域”系列不会显示在图例中,并且当您将鼠标悬停在它们上方时不会生成工具提示:

series: {
    0: {
        type: 'line'
    },
    1: {
        type: 'line'
    },
    2: {
        lineWidth: 0,
        type: 'area',
        visibleInLegend: false,
        enableInteractivity: false
    },
    3: {
        lineWidth: 0,
        type: 'area',
        visibleInLegend: false,
        enableInteractivity: false
    },
    4: {
        lineWidth: 0,
        type: 'area',
        visibleInLegend: false,
        enableInteractivity: false
    }
}

请参阅此处的示例:http://jsfiddle.net/asgallant/apH2B/

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

Google折线图(交互式)api - 我们如何在指定区域填充不同的背景颜色 的相关文章

  • Google 图表中的轴断了

    有什么方法可以在 Google 图表 api 上的垂直刻度中创建中断吗 我有几十个数据点 y 轴上的值都在 600 2000 左右 除了一个值几乎为 300 000 这使得所有较小的数据点几乎不可读 我需要表示所有这些数据 而对数刻度不是一
  • 通过电子邮件发送在 HTML5 画布上创建的图像

    我有一个画布 用户可以通过交互来更改设计 现在 用户完成更改后 可以提交他的设计及其电子邮件 ID 但为了提交设计 我使用以下方法将画布转换为图像http www nihilogic dk labs canvas2image http ww
  • 在 HTML5 画布上创建颜色选择器

    如何在 HTML5 画布上绘制颜色选择器 一个基本的例子是使用getImageData http jsfiddle net eGjak 60 http jsfiddle net eGjak 60 var ctx cv get 0 getCo
  • 错误:#0 轴的数据列不能是字符串类型

    我正在尝试使用谷歌图表和 React JS 创建散点图 我制作了一个测试数组来检查这是否是将数据发送到图表的正确方法并且它有效 但是当我处理真实数据并创建一个类似的数组时 它给我带来错误 轴 0 的数据列不能是字符串类型 这是运行良好的测试
  • 无法在 Raphael 中缩放多条路径?

    我尝试使用当前的热门问题 使用 raphael 缩放多条路径 https stackoverflow com questions 3352698 scaling multiple paths with raphael 没有太多运气 我正在通
  • fillRect(0,0,0,1)和clearRect()有什么区别

    之间有什么区别 ctx fillStyle rgba 0 0 0 1 ctx fillRect 0 0 100 100 and ctx clearRect 0 0 100 100 性能或生成的图像或画布数据有什么差异吗 更新以对应有问题的
  • 在android中的圆形路径上绘制文本

    我需要在圆形路径上绘制文本 我已经尝试过drawTextOnPath 方法 但对于所附图像中的 肥沃窗口 等文本 文本会旋转且不可读 我使用过的代码 customPath2 addArc mCircleRectF 30F 64 28F cu
  • 窗口调整大小事件上的响应式画布

    我是画布概念的新手 我正在尝试使用 D3 js 绘制画布 我想让画布根据窗口屏幕大小进行响应 function onResize var element document getElementsByTagName canvas 0 var
  • 如何使用 HTML5 在画布上绘制心电图监视器?

    我尝试使用canvas html5绘制心电图系统 几乎我即将完成我的波浪正在移动 但不是连续地重复 但我想绘制波浪是从左到右连续移动的 下面的链接是示例 Ex https www youtube com watch v wuwBfSpVEg
  • 用渐变画线

    我在不同的位置画了多条线 例如 canvas drawLine startXLine1 stopXLine1 startYLine1 stopYLine1 paint canvas drawLine startXLine2 stopXLin
  • 如何在 React 中将图像加载到画布上?

    如何在 React 中将图像上传到画布的整个宽度 高度 例如 class PlanPage extends Component constructor props super props componentWillMount this se
  • Google Charts(AreaChart)如何检测缩放变化

    我正在画一个面积图 在覆盖层上有一些标记 我正在使用explorer选项 仅限水平 以便用户放大和缩小 问题是我找不到一种方法来通知缩放更改 以便有机会更新制造商位置 有一个图表范围变化事件 但它不是由 AreaChart 触发的 我尝试检
  • Chrome 扩展屏幕截图部分图像裁剪适用于 Retina 显示屏

    我制作了一个 chrome 扩展 它捕获网站的单个元素 div 我使用 chrome tabs gt captureVisibleTab 来制作屏幕截图 然后 使用元素 div 的坐标 x y 和大小 宽度 高度 裁剪屏幕截图 这对我来说在
  • Google 饼图未显示所有数据行

    我正在尝试绘制人口与国家名称的关系图 我发现 Google 可视化库仅渲染前几个 实际上数字似乎是随机的 具体取决于我使用的数据 有时添加 其他 条目 但它没有t 实际上具有其余条目的值 Example 1 With all countri
  • 如何检查Canvas中的两个图形(线)是否发生碰撞?

    所以我一直在开发一款跑步火柴人游戏 不幸的是 我遇到了这个问题 我似乎无法弄清楚 如果名为障碍物的绘图穿过我的火柴人 我希望出现警报并说 游戏结束 然而 如果我的火柴人踢 他变成红色 并且障碍物接触到图纸的右脚 那么它会说 你赢了 任何帮助
  • 鼠标位置到等距图块(包括高度)

    努力将鼠标的位置转换为网格中图块的位置 当一切平坦时 数学看起来像这样 this position x Math floor pos y 240 24 pos x 320 48 this position y Math floor pos
  • 谷歌图表错误:无法读取未定义的属性“长度”; Google 图表中的调试错误

    以下代码本身作为独立页面可以正常工作 但如果合并到我的 PHP Web 应用程序中 它会抛出错误 如果Google Chart JS出现错误 如何调试 任何建议都会有帮助
  • 在隐藏的 html5 canvas 元素中绘制不起作用

    我正在尝试在画布上绘制 而它的父级是display none 有没有办法做到这一点 这是一个 jsFiddle 来演示我的问题 http jsfiddle net kannix jSj83 http jsfiddle net kannix
  • 将事件绑定到画布上的形状

    如何将事件绑定到画布上绘制的形状 我以为这会起作用 但我收到错误
  • 如何在 HTML5 画布元素上写入文本?

    是否可以在 HTML5 上编写文本canvas var canvas document getElementById my canvas var context canvas getContext 2d context fillStyle

随机推荐

  • Jetty SslConnector 已弃用的方法

    SslConnector java最新的 Jetty 中的界面已更改7 3 1 v20110307 几乎所有方法都已被标记为已弃用 而没有提及要使用的替换接口或方法 我已经检查过码头用户 and 码头开发邮件列表中的信息没有运气 有谁知道将
  • Zend_Form:带有复选框的 HTML 表中的数据库记录

    我正在尝试将 HTML 多列表添加到 Zend Form 该表将由数据库中的数据填充 并且每行前面应有一个复选框 如下面的 ASCII 所示 Column 1 Column 2 Column 3 x Row 1 Some data more
  • 如何将 Drawable 资源写入文件?

    我需要出口一些Drawable资源到文件 例如 我有一个函数返回给我一个Drawable目的 我想把它写到一个文件中 sdcard drawable newfile png 我该怎么做 尽管这里的最佳答案有一个很好的方法 这只是链接 以下是
  • 向 Netbeans 应用程序的基于 Inno 的设置添加其他文件

    我在用Inno 5 设置安装程序位于Netbeans将我的 Java Swing 应用程序构建为可执行设置文件 它创建一个包含所有 lib 所有 jar 文件 和 app jar 的 app exe 安装文件 因此 一旦用户执行 app e
  • 纠结于如何使用 api 响应进行调用以从不同的链接检索响应

    我目前在使用 PokeApi 时遇到问题 我有代码可以让我查看 Pokemon 的名称以及 Pokemon 的其他 JSON 的 URL 但我不太确定如何检索该数据 这是我到目前为止所拥有的 这是 api 的链接 让 pokeList im
  • 使用 Gmail SMTP 发送电子邮件时出错

    我正在尝试使用 Gmail SMTP 发送电子邮件PHPmailer 问题是我有这个错误 SMTP gt ERROR Failed to connect to server php network getaddresses getaddri
  • 使用正则表达式以任意顺序排列多个单词[重复]

    这个问题在这里已经有答案了 正如标题所说 我需要在句子中找到两个特定的单词 但它们可以是任何顺序和任何大小写 我该如何使用正则表达式来做到这一点 例如 我需要提取单词test and long从下面的句子中是否该词test首先出现或long
  • Linq2SQL:更新对象未在数据上下文中创建

    通常 当您在 linq2sql 中更新对象时 您会从数据上下文中获取该对象并使用相同的数据上下文来保存该对象 对吧 更新尚未由用于执行保存操作的数据上下文检索的对象的最佳方法是什么 即我使用Florinefx在flex和asp net之间传
  • 错误代码 1005,SQL 状态 HY000:无法创建表 errno:150

    我正在尝试创建一个表 但是当我的 netbeans 出错数据库的第一个表时 脚本就会失败 如何解决这个问题 CREATE TABLE filmy Film Id int NOT NULL Nazwa varchar 250 Adres va
  • HttpModule 仅在特定 MVC 路由上

    我有一个习惯IHttpModule我只想在特定路线上工作 例如 http example com HandleAzureTask 我希望这个模块只能在 HandleAzureTask route 由于这不是控制器 我无法真正设置 Autho
  • UINavigationBar 旋转和自动布局

    关于通过将 UINavigationBar 插入场景来设计自己的视图控制器 我发现了许多关于旋转设备时框架高度如何不改变的问题的参考 这与 Apple 在其导航控制器中使用 UINavigationBar 的方式形成鲜明对比 其中导航栏的高
  • 如何在 Easy Slider 1.7 中重新启动滑动动画

    我有一个关于 jQuery Easy Slider 1 7 的问题http cssglobe com post 5780 easy slider 17 numeric navigation jquery slider带有数字导航 当我使用滑
  • R线性回归公式中的大写字母“I”是什么意思?

    我一直无法找到这个问题的答案 主要是因为谷歌搜索带有独立字母 如 I 的任何内容都会导致问题 我 在这样的模型中做什么 data rock lm area I peri mean peri data rock 考虑到以下方法不起作用 lm
  • 用于匹配包含点的整个单词的正则表达式

    在下面的句子中 我下午 5 点就醒了 今天 我想匹配5 p m 该模式的工作原理 5 p m 但我希望它只匹配整个单词 所以下午 5 点不会匹配 所以我使用了这个模式 b5 p m b 但由于点的原因 这不起作用 解决这个问题最简单的正则表
  • 如何从git暂存区删除文件?

    我对本地存储库中的一些文件进行了更改 然后我做了git add A我认为向暂存区域添加了太多文件 如何删除暂存区中的所有文件 完成后 我将手动执行git add filename 您可以使用以下命令从索引中取消暂存文件 git reset
  • 如何比较android中的字符串大于

    我想知道是否有一种方法可以将android中的字符串与大于或 gt 进行比较 可以说我有这个 String numbers number getText toString if numbers equals 9 output setText
  • Google Oauth 给出代码兑换错误

    您好 我正在开发一个用户通过谷歌帐户登录的项目 本地主机 我已经实现了谷歌注册 当我从我的帐户登录时 我收到以下错误 TokenError Code was already redeemed at Strategy OAuth2Strate
  • 如何将参数传递给导航控制器内的弹出视图控制器

    我有一个带有分割视图的 iPad 应用程序 并且详细视图控制器的导航栏中有一个右栏按钮 该按钮调用由导航控制器和两个表视图组成的弹出窗口 如下图所示 由于故事板在图片上很小 我添加了一些解释 白色控制器是detailViewControll
  • MySQL 更新数组中的特定 JSON 对象

    我正在努力寻找一种方法来更新 MySQL 中 JSON 类型字段中数组中的特定 JSON 对象 假设我有以下对象 SET j cat meow dog woof parrot volume quiet says hello volume l
  • Google折线图(交互式)api - 我们如何在指定区域填充不同的背景颜色

    我需要在指定区域的谷歌折线图中水平填充背景颜色 我已经查看了所有 api 但没有得到解决方案 谷歌图像图表 我认为它已被弃用 有一些属性 但我正在使用交互式图表 我只是附上我真正想要的图像 Please help 您可以通过使用组合图而不是