如何在 Vega Lite 中将图例底部中间对齐?

2024-06-24

在 Vega Lite 中,我试图将我的图例与该图表的中间对齐。我需要类似的东西anchor图例的参数,但我只能找到titleAnchor.

带图例的图表 https://i.stack.imgur.com/ETiFs.png

"legend": {
        "title": "Signed NDA",
        "orient": "bottom",
        "titleAnchor": "middle"
      }

这就是我的传奇现在的样子。有人知道怎么做吗?


这实际上在 Vega 5.0 中是可能的,图例布局属性 https://vega.github.io/vega/docs/config/#legend-layout-properties-50,通过设置anchor财产给"middle",在图例的布局配置中。

提供layoutVega-Lite 似乎还没有直接支持,但是可以传播layout从 Vega-Lite 到 Vega 的定义。
按照杰克的回答,在Vega-Lite 编辑器 https://vega.github.io/editor/#/url/vega-lite/N4IgJghgLhIFygK4CcA29zQgegMYWQGcA6AK0IHsA7EAXwBoQBbAgawwAcKBLKqERgFMquCmF4BzeKAAe0kADNug1GAwAJCkUFcA7oOQCQUAJ4dBGAI6IIfbjCjcAbhYYgT8pSrVwQAWW5UQUIAfXNkEIBxCFRUaiNTcysbOwdnV0ZROMMERWVVDAB5ZG4JXgSzC18qCiZeGLo3AAtBUqb+OABmAAZuxl1uMCgm+AAWXszqJSlcoIlhH1AtZT4MACMKKChao1QIEwpEDtANrZ3c21wmrQw6sDAgxtpnoA:

{
  "data": {"url": "data/cars.json"},
  "mark": "point",
  "encoding": {
    "x": {"field": "Horsepower", "type": "quantitative"},
    "y": {"field": "Miles_per_Gallon", "type": "quantitative"},
    "color": {"field": "Origin", "type": "nominal"}
  },
  "height": 300,
  "width": 400,
  
  "config": {
    "legend": {"orient": "bottom", "layout": {"bottom": {"anchor": "middle"}}}
  }
}

指定config最后基本上允许您自定义如何orient "bottom"应该看看。

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

如何在 Vega Lite 中将图例底部中间对齐? 的相关文章

  • 如何使用 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
  • 使用 Vega Lite 显示已经聚合的数据

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

    我想做一个具有多个 y 轴的平行坐标图 我已经找到了如何在 Vega Lite 中做到这一点here但我还没有找到使用 Altair 的方法 只有一个非常简单的例子其中所有 y 轴都相同 有什么办法吗这个情节在牵牛星 请注意 这种图表不是
  • 基于选择动态改变编码中的 Y 轴字段 Vega-Lite

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

    我是 Vega 和 Vega Lite 的新手 我正在使用 Vega Lite 创建一个简单的条形图 但我无法添加任何事件侦听器 例如 徘徊 我想将鼠标悬停在一个栏上并更改该栏的颜色 如果您正在使用Vega嵌入 https github c
  • Altair - 无法获取折线图中某一层的工具提示

    当我绘制由两组线组成的分层图表时 某一层中的工具提示不显示 这也发生在 VL 编辑器中 任何有关为什么会发生这种情况的见解都将不胜感激 这是一个可重现的示例来演示该问题 实际上我在第一层有更多行 牛郎星版本 4 0 0 df pd Data
  • 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 中使用数据作为数组而不是表

    如何在 VegaLite 中使用数组数据 我想将数据用作数组 dates 1 2 3 prices1 1 2 1 prices2 1 5 1 2 而不是 VegaLite 中传统使用的表数据 date 1 price 1 symbol 1
  • Vega-Lite:数据中的描边颜色值?

    在 Vega 中 可以从数据中获取颜色值 如下所示 维加的例子 https vega github io editor url vega N4KABGBEAkDODGALApgWwIaQFxUQFzwAdYsB6UgN2QHN0A6agSz
  • 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
  • 在 vega-lite 中实现自定义点击处理程序的正确方法是什么

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

    我目前正在评估应该使用哪种类型的 js 图表引擎来制作开箱即用的图表 而 vega lite 因其非常简单和灵活而脱颖而出 但是 我想知道是否可以在单个图表中包含多种类型的标记 例如 我可能有一个很长的每月时间序列 我可能会考虑使用具有逐月
  • 在 Vega Lite 中使用二维数组数据代替表格

    我正在尝试从普罗米修斯读取数据 https prometheus io https prometheus io 进入 Vega Lite Prometheus 以二维数组返回其数据 如下所示 1 10 3 6 5 0 9 4 11 2 是否
  • 如何在 Vega Lite 中将图例底部中间对齐?

    在 Vega Lite 中 我试图将我的图例与该图表的中间对齐 我需要类似的东西anchor图例的参数 但我只能找到titleAnchor 带图例的图表 https i stack imgur com ETiFs png legend ti

随机推荐

  • 开放、安全的 TCP 通道的安全期限有多长?

    我们有一个网络服务 充当我们的客户和其他服务之间的网关 客户端向第三方服务发送消息并从第三方服务接收随机消息 客户端的服务器通过安全套接字打开到我们的 Web 服务器的通道 以便接收传入的消息 并且不必每隔几分钟轮询一次服务器 我的问题是
  • 在Firestore中管理createdAt时间戳

    每天我都会将产品从外部零售商进口到谷歌云Firestore https firebase google com docs firestore 数据库 在此过程中 产品可以是新的 新文档将添加到数据库中 或现有的 现有文档将在数据库中更新 应
  • 现代无窗弹出窗口

    我已经看到一段时间没有窗口的弹出窗口 它看起来像一个定制的 png 文件作为弹出窗口 很多时候右上角有一个大的近十字 有人可以告诉我这是如何调用的以及它是用什么样的代码编写的吗 在 JavaScript 中实现弹出窗口的方法有很多 现在大多
  • 在 Mac 上使用 Homebrew 安装 PHP

    我正在尝试使用 Homebrew 在我的 Mac 计算机上安装 PHP 我正在使用以下命令 brew install php 但是 我收到以下错误 Error No available formula with the name php g
  • SQL Server:如何从递归函数内执行更新?

    我有一个递归标量函数 需要根据它返回的值更新另一个表中的记录 但是函数中不允许使用 UPDATE 语句 如何从函数内更新表 不允许使用 UPDATE 语句 功能 这就是规则 函数不允许有任何数据更改的副作用 您必须使用存储过程来UPDATE
  • 如何使用康康康舞?

    我想向我的 Rails 应用程序中的用户授予权限 我有 管理员 可以创建 更新和删除所有帖子和评论 用户 只能创建和更新自己的评论 访客 则不能执行这些操作 为此 我使用宝石 devise 和 cancancan 我理解 devise 宝石
  • 无法在 Java 中反序列化来自 C++ 的 protobuf 数据

    我的问题是在 C 中序列化 protobuf 数据并可能在 Java 中反序列化数据 这是我根据 dcn 给出的提示使用的代码 这样 我用 C 创建了 protobuf 数据并将其写入通过套接字发送的 ostream Name name n
  • 如何使Emacs C源目录永久化?

    我是 Emacs 新手 刚刚学习如何使用它 我知道如何设置 Emacs C Source dir 但我不知道如何使此更改永久生效 我想我必须在 emacs 文件中设置它 但我不知道它的命令是什么 有人可以帮忙吗 通常 大多数用户可设置的变量
  • GoogleVis 图表未在 Rmarkdown 中呈现

    在 Rmarkdown 之外 独立的 googleVis 图表工作正常 但是当我将其插入 Rmarkdown 文件时 我只收到 Rmarkdown 代码 查看器输出 gt TEST H 4 13 2016 require googleVis
  • 设置捆绑包中组的标题页脚

    How can I leave a message under group type in Setting bundle something like this 它记录在这里 https developer apple com librar
  • Google Visualization 无法与 appscript html 服务配合使用

    我想将 appscript htmlservice 与 appscript 一起使用 html 服务似乎可以工作 但可视化不起作用 这是供参考的代码 代码 GS Script as app template function doGet r
  • readdir() 是否保证顺序?

    我正在使用 opendir readdir 获取类 linux 系统上的文件列表 看起来目录条目是按文件名的字母顺序返回的 但是 我在手册页中没有看到任何有关此顺序的保证 谁能告诉我 readdir 是否保证订单 The readdir方法
  • Ajax GET 请求:使用参数还是将数据放入 URL?

    在 Ajax GET 请求中将数据作为参数传递与作为 URL 的一部分传递相比有何优势 使用参数 var ajax new Ajax Request server php parameters store 11200 product Mea
  • SQL Server 2008-获取表约束

    你能帮我构建一个查询 检索所有表中的约束 每个表中的约束计数 并显示NULL对于没有任何约束的表 这是我到目前为止所拥有的 Select SysObjects Name As Constraint Name Tab Name as Tabl
  • 使用 arduino 客户端/python 服务器通过以太网转储数据

    我正在使用 arduino 以太网从传感器读取数据 然后想将数据发送到另一栋建筑物中的计算机以驱动 python 软件中的逻辑 控制 我决定在 python arduino 中绘制一个简单的草图 仅通过以太网将文本从 arduino 发送到
  • android studio 没有从 2.3 版本更新到 3.0 版本

    我正在尝试将我的 android studio 2 3 升级到 3 0 Linux 用户 我无意中按下了 忽略此更新 消息 然后我用谷歌搜索并找到了这个solution https stackoverflow com a 23636941
  • Firebase (FCM) 注册令牌

    我是 FCM 的新人 以下是有关注册令牌的一些问题 注册令牌是由 FCM 连接服务器生成的吗 Does the token change periodically in the connection server When 会不会强制onT
  • 如何在不知道谁呈现 UIActionSheets 和 UIPopoverControllers 的情况下关闭它们

    在我的客户端应用程序中 我有一个空闲超时控制机制 当用户在指定的时间间隔内没有对应用程序执行任何操作时 我会显示一条警告并将其返回登录屏幕 此控件发生在我的容器视图中 我在其中启动所有其他视图 当空闲时间结束时 我将此容器视图弹出给其调用者
  • Java SecurityException:签名者信息不匹配

    我像往常一样重新编译我的类 突然收到以下错误消息 为什么 我该如何修复它 java lang SecurityException class Chinese English Dictionary s signer information d
  • 如何在 Vega Lite 中将图例底部中间对齐?

    在 Vega Lite 中 我试图将我的图例与该图表的中间对齐 我需要类似的东西anchor图例的参数 但我只能找到titleAnchor 带图例的图表 https i stack imgur com ETiFs png legend ti