如何向我的 vega-lite 图表添加辅助 Y 轴?

2023-12-02

这个问题展示了一种将多个时间序列添加到 vega-lite 图表的方法:

如何使用 Vega-Lite 在轴上绘制多个变量?

有没有办法将第二个系列放在辅助 Y 轴上?我说的是在右侧放置另一个 Y 轴,以便时间序列可以具有不同的尺度,但仍然可以进行比较。

下图演示了我想要的图表类型:

The kind of chart I want to create

这是一个示例图表,请向我展示如何将第二个时间序列移动到图表右侧的新 Y 轴:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/3dbd3b83f2a67da8fe20ef444fd4958e

Update:

我已经部分解决了我的问题,但不是100%。

通过将“axis”和“orient”字段添加到我的 vega-lite 图表中,我已经能够将第二个系列移动到右侧,如下所示:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/5aea58ee98c2eec9913b309836181a5b

我现在遇到的问题是,当我尝试使用两个不同的时间序列(其值具有完全不同的尺度)创建这样的图表时,我得到的东西没有用。

enter image description here

您可以从该图表中看到,图表的两侧都使用相同的比例,这使得无法比较数据,因为第一个系列(比例较小)最终被完全压扁。

您可以从此处的屏幕截图中看到图表:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/af1958d3f22bd876959ebcc97105dd14

所以现在的问题是如何使这些轴独立,以便数据重叠且易于比较?

(并不是说比较本例中的数据有意义,但通常我需要能够做到这一点)。


是的,您可以将轴和比例设置为独立于resolve财产。 Vega-Lite 会自动为您创建两个轴。

See https://vega.github.io/vega-lite/docs/layer.html#combined-scales-and-guides.

dual axis chart

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

如何向我的 vega-lite 图表添加辅助 Y 轴? 的相关文章

  • 如何使用 Vega-Lite 在轴上绘制多个变量?

    按照 Vega Lite 的西雅图天气教程 很容易绘制出每月的平均最低气温 schema https vega github io schema vega lite v2 json data url https vega github io
  • 如何向我的 vega-lite 图表添加辅助 Y 轴?

    这个问题展示了一种将多个时间序列添加到 vega lite 图表的方法 如何使用 Vega Lite 在轴上绘制多个变量 有没有办法将第二个系列放在辅助 Y 轴上 我说的是在右侧放置另一个 Y 轴 以便时间序列可以具有不同的尺度 但仍然可以
  • 尽管已安装模块,导入语句仍会使角度应用程序崩溃

    可能是什么原因import如果语法正确并且库已经安装 语句会导致错误 附图 可能是下面两个主要设置文件中的某些内容 包 json tsconfig json 我们继承了一个大型的 Angular 应用程序 并在其中安装了vega vega
  • Python Altair 生成选择表

    我有一个包含一堆分箱数据的直方图 我想知道如果我从直方图中选择一个条形 是否可以生成一个表格 并且它会显示原始数据框中的数据 您可以使用以下命令创建表格的外观mark text 这是基于文档中此页面的示例 import altair as
  • 将图例添加到 Altair 图表中的折线图和条形图,而不使用尺寸/颜色

    我正在使用 Altair 创建一个包含多条线的图表 每条线都有多个波段 代表不同的 CI 并且我正在努力了解如何添加图例 例如 在这个相当简单的示例中 import altair as alt import pandas as pd df
  • Altair:更改滑块的位置

    是否可以更改滑块选择绑定的位置 在 Altair 文档或 vega lite 文档中找不到某些内容 https vega github io vega lite docs bind html 我想将年份滑块向上移动 靠近主散点图 https
  • 使用 Vega Lite 显示已经聚合的数据

    我正在尝试显示随时间变化的总和的堆积条形图 数据看起来像这样 date 12345 sumA 100 sumB 150 我将 x 轴编码为 日期 字段 我需要将日期 12345 的条形图堆叠起来 其中一部分高 100 另一部分高 以另一种颜
  • Altair 中的平行坐标

    我想做一个具有多个 y 轴的平行坐标图 我已经找到了如何在 Vega Lite 中做到这一点here但我还没有找到使用 Altair 的方法 只有一个非常简单的例子其中所有 y 轴都相同 有什么办法吗这个情节在牵牛星 请注意 这种图表不是
  • Vega-lite 条形图条形之间的空间

    D3新手 如何调整 vega lite 条形图中条形之间的间距并覆盖默认值 binSpacing 我认为只适用于直方图 请参阅下面的代码 我也想调整文本和字体系列的颜色 但我在文档中找不到它 schema https vega github
  • 基于选择动态改变编码中的 Y 轴字段 Vega-Lite

    如何根据选择动态更改为 y 轴编码的数据字段 我正在尝试构建一个可视化来显示一天 24 小时内的事件计数数据 并且我希望用户能够选择不同的时区 例如 EST CST MST 或 PST 为此 我构建了一个单一选择 在其中指定上面括号中列出的
  • 我们可以将事件侦听器添加到“Vega-Lite”规范吗?

    我是 Vega 和 Vega Lite 的新手 我正在使用 Vega Lite 创建一个简单的条形图 但我无法添加任何事件侦听器 例如 徘徊 我想将鼠标悬停在一个栏上并更改该栏的颜色 如果您正在使用Vega嵌入 https github c
  • Altair 结合多个数据集

    我最近才知道Vega Vega Lite and Altair并将其视为最佳 Python 绘图工具的真正竞争者 我目前正在努力解决的问题是将两个数据帧中的信息绘制到共享一个或两个轴的同一个图表中 我尝试过类似的事情 plot1 alt C
  • Vega-lite:轴中标签的换行或自动换行

    我试图将 x 轴的标签包裹在下一行 因为标签长度很长 那么有没有什么办法可以实现呢 我尝试使用calculate and labelExpr通过破坏标签字符串 然后使用 n 连接它们 但这似乎不起作用 是否有任何其他配置可以帮助我实现此用例
  • Altair Ridgeline 不会创建具有名义组的绘图

    我尝试在 Altair 中创建山脊线图 假设我的数据框由 str 和 float 列组成 a object b float64 dtype object 具有像这样的值 a b 0 25 2303 0 1 29 2676 0 2 18 29
  • Vega-Lite 中的平行坐标?

    是否可以创建平行坐标维加精简版 https vega github io vega lite 我正在寻找一个简单但功能强大的 JavaScript 绘图库 并且需要支持平行坐标 I have googled https www google
  • React-Vega 和 React-Vega 工具提示

    我在用着react vega lite 官方给出的例子 https vega github io vega lite https vega github io vega lite https vega github io react veg
  • Altair 通过绑定范围滑块对日期时间值进行选择和转换过滤器似乎不适用于相等条件或选择器本身

    我想将范围滑块与日期时间值绑定 以仅过滤图表中特定日期的数据 使用stocks数据 我想要做的是让 x 轴显示公司 y 轴显示用户通过范围滑块选择的特定日期的股票价格 根据来自的输入这个答案 https stackoverflow com
  • Vega-lite 线标记在远处显示工具提示

    我在 VegaLite 中有以下图表 在 Vega 编辑器中打开 https vega github io editor url vega lite N4IgJAzgxgFgpgWwIYgFwhgF0wBwqgegIDc4BzJAOjIEt
  • 在 vega-lite 中实现自定义点击处理程序的正确方法是什么

    我似乎无法通过阅读文档来弄清楚这一点 有没有办法实现onClick我的任何标记的事件处理程序 由于 Vega Lite 尚不支持信号 您可以修补生成的 Vega 您可以将信号添加到已编译的 Vega 规范中 然后通过 Vega 视图 API
  • 单个 Vegalite 图中可以有面和层吗?

    我很难理解为什么层规范如下所示 layer encoding facet field FEATURE VALUE x field DATE type temporal y field VALUE type quantitative mark

随机推荐

  • 共享首选项“限制”

    我知道与此类似的问题已被问过很多次 并且通过浏览所以我部分找到了答案 但不完整 并且 android 文档并没有真正的帮助 显然 我知道它们是如何工作的 并且之前多次使用过共享首选项 但我想知道什么时候 多少 太多了 我读过人们存储了 10
  • GIMP:从文件夹中的所有图像文件创建图像堆栈

    我需要比较需要堆叠大量图像的分割算法的结果 例如原始图像和二值图像 所以我想到了一个 GIMP 脚本 它采用一个目录的名称 并将所有包含图像文件放入图层中 以便可以在 GIMP 中打开和关闭它们以比较结果 如何用 GIMP 实现这一点 谢谢
  • Visual Studio 2013 Update 4 和 Apache Cordova CTP3 在没有断点的 Javascript 行上中断/停止

    我正在运行 Visual Studio 2013 Update 4 并安装了 Apache Cordova CTP3 工具 创建一个全新的 Apache Cordova 项目并对其进行调试后 它会在没有断点的看似随机的 JavaScript
  • flink 1.3.1 弹性搜索 5.5.1。 ElasticsearchSinkFunction 失败并出现 java.lang.NoSuchMethodError

    我正在使用以下示例Scala sbt flink elasticsearch kibana Flink教程 My built sbt包括以下版本 libraryDependencies Seq org apache flink flink
  • 无法使用 gradle 按类别包含/排除 Junit 测试类

    给定这些接口 testclient priority High testclient priority Low 和一个像这样注释的 junit 类 Category testclient priority High class public
  • 如何将XML文本转换为表格格式

    在下面的示例中 我们尝试将 XML 数据转换为 HTML 但这里我们面临着由于元素不一致而面临的挑战 如 和 Note 如果我们从 中删除 元素 则 xslt 代码可以正常工作 参考网址 https xsltfiddle liberty d
  • MySQL 多个字段的唯一索引

    我们的数据库中有一种特殊的表 它本身存储其更改的历史记录 所谓的 自存档 表 CREAT TABLE coverages id INT primary key auto increment subscriber id INT current
  • Java:正确关闭多线程服务器的套接字

    我正在尝试创建一个多线程服务器 多个客户端可以连接并提供服务 但是 我不确定在需要时如何正确释放我的资源 我的服务器运行一个输入线程 等待用户输入 和一个处理线程 处理连接和用户 我在服务器类中打开一个 ServerSocket 并将其传递
  • 使用 window.location.assign 加载页面后调用 javascript 函数

    使用 window location assign 加载页面后是否可以调用 javascript 函数 我有这个代码 我加载页面 然后调用 ReadEnglish 这是在spirituality php 中定义的函数 该函数不执行 使该函数
  • Android Hello World 异常

    我正在尝试让这个 hello world android 应用程序正常工作 我经历了这个安装过程 并了解了使用 Hello World 应用程序启动和运行它是多么容易 我运行了简单的 hello world 应用程序 完全按照它所说的每一步
  • 什么是双向绑定?

    我读过很多关于 Backbone 不进行双向绑定的文章 但我并不完全理解这个概念 有人能给我一个例子 说明两种方式绑定如何在 MVC 代码库中工作以及如何在 Backbone 中工作吗 双向绑定意味着 当模型中的属性更新时 UI 也会更新
  • Ruby:“gem install bundler”未安装捆绑程序

    我是 Rails 新手 正在尝试启动并运行演示应用程序 我在 Linux 系统 lubuntu 大部分是全新安装 上运行 捆绑安装 时遇到问题 即使确实如此 如果我关闭终端并启动另一个终端 它也无法再次运行 这个循环看起来像这样 sandb
  • 登录到 SQL Server 触发器中的表

    我正在编写 SQL Server 2005 触发器 我想在触发器执行期间使用 INSERT 语句到我的日志表中进行一些日志记录 当执行过程中发生错误时 我想引发错误并取消导致触发器执行的操作 但不丢失日志记录 实现这一目标的最佳方法是什么
  • 如何使用 ASP.NET MVC 维护用户会话

    大家好 我想知道有什么方法可以在不使用 ASP NET MVC 中的成员身份的情况下维护登录 注销 用户会话等内容 Faraaz 您所指的领域涉及三种提供商模型 The 会员提供者涉及身份验证 验证用户并存储与用户相关的数据 例如上次登录日
  • 如何在Python中搜索和替换?

    如何在 ABC D1234 等字符串中添加字符 使其变为 ABC D 1234 另外 如何在前 2 个数字后添加字符 即从 ABC D1234 到 ABC D12 34 非常感谢 这取决于您用来决定在何处插入额外字符的规则 如果你想要它在第
  • 如何强制 C# .net 应用程序在 Windows 中仅运行一个实例? [复制]

    这个问题在这里已经有答案了 可能的重复 创建单实例应用程序的正确方法是什么 如何强制 C net 应用程序在 Windows 中仅运行一个实例 我更喜欢类似于以下的互斥解决方案 这样 如果应用程序已加载 它会重新关注该应用程序 using
  • 使用 vertx Web 客户端版本 4.0.0 时出现 java.lang.IllegalAccessError

    将 vertx 4 0 0 与 jdk 14 结合使用 尝试使用 vertx Web 客户端发出 REST 请求时 出现以下异常 15 56 48 294 vert x eventloop thread 0 ERROR io vertx c
  • Android如何在其他类中runOnUiThread?

    在我的应用程序中 在 MainActivity 中 有一个工作正常的线程 但是当我调用另一个类从服务器获取数据时 我无法在线程上运行 请参阅下面的代码示例 class MainActivity extends Activity implem
  • 从类库读取 web.config

    我有两个项目 1 没有接口的类库 只有一个api 2 网络应用程序 从网络应用程序中我将调用类库 api 所以我在Web应用程序中拥有所有的web config设置 但是当我调试时它总是返回空值 这里是代码片段 public static
  • 如何向我的 vega-lite 图表添加辅助 Y 轴?

    这个问题展示了一种将多个时间序列添加到 vega lite 图表的方法 如何使用 Vega Lite 在轴上绘制多个变量 有没有办法将第二个系列放在辅助 Y 轴上 我说的是在右侧放置另一个 Y 轴 以便时间序列可以具有不同的尺度 但仍然可以