问题标签 [vega-lite]

在Vega Lite中，是否可以将数据值的一个字段用作轴值，将另一个字段用作标签？

如果这是我的 vega lite 规格，那么图表可以正常工作，但在 x 轴上显示日期。如何改为在 x 轴上显示日期名称？

August 16它在August 17x 轴上显示日期字段。我怎样才能让它显示 dayName 字段呢？它应该显示Tue, Wed, 等等。

我有一个使用 vega-lite 进行数据可视化的 React 应用程序。我尝试使用 vega 的官方工具提示插件（https://github.com/vega/vega-tooltip），但是我不知道如何在 React 组件中执行此操作。

这是我拥有的组件：

从 vega-tooltip 的文档中，它说我可以安装模块，然后我必须这样做：

这看起来像是集成到 jQuery 应用程序中的标准方式，但它不适用于 React 组件。有任何想法吗？

Vega/Vega Lite 绘图周围有一个淡淡的灰色边框......是否可以通过配置参数删除它，还是我需要渲染为 SVG 并使用 CSS 来这样做？

我想在图表中制作每个条形 - 用不同的颜色。请帮忙。

所以默认图表如文档中所述： https ://vega.github.io/vega/examples/bar-chart/

例如 - 我想做：蓝色，红色，黄色，绿色，蓝色，蓝色。

请帮忙！谢谢！

我按照说明在此处安装模块。

它似乎安装得很好。没有错误。

但是当我按照示例 notebook进行操作时。什么都没有显示。

vega-lite 可以与 Colab 一起使用吗？还是我在某个地方犯了错误？

更新：感谢 blois，我只用几行代码创建了一个交互式可视化示例。看这个笔记本。

玩图层，我找不到可靠的方法来按 x （“b”字段值）对值 y 维度进行排序。

我尝试为“y”编码配置“排序”字段，但出现 domainSortDropped 错误。没关系，但也许有一种方法可以通过在通道创建之前“预排序”值来避免它？

如果我手动传递排序的数据集，指定"sort": null“y”编码，vega 仍然按字母顺序按“x”对行进行排序。难道我做错了什么？如何获得“下降条”又名“瀑布”图表？

我想在同一个图中绘制多条不同比例的线。这是我到目前为止所拥有的：

但它将两层对齐在同一 Y 轴上： vegas-viz plot with two layers

从这个答案我知道在 Vega-Lite 中可以通过添加来实现两个独立的轴

到情节定义。完整的例子在这里。

是否有可能在拉斯维加斯的情节中实现同样的目标？

如何在 Vega 的基本图表中添加图例？

我在网络应用程序中使用 Vega，我希望我的所有图表都包含一个图例，即使它是一个系列。

即在谷歌表格中它看起来像

我在 Vega lite 中有以下代码。我想将变换过滤器 1850 更改为 2000。请建议我如何更改架构的变换过滤器。如果可能的话，是否有动态数据更改和更新视图的示例示例。人口数据来自 https://vega.github.io/editor/data/population.json

我的数据：

(12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]0: {index: 0, month: "Jan", yield: 1.1864614990387585, Symbol(vega_id): 1}1: {index: 1, month: "Feb", yield: 2.1219813590422714, Symbol(vega_id): 2}2: {index: 2, month: "Maa", yield: 4.074651725158576, Symbol(vega_id): 3}3: {index: 3, month: "Apr", yield: 6.097184505206099, Symbol(vega_id): 4}4: {index: 4, month: "Mei", yield: 6.433726592798336, Symbol(vega_id): 5}5: {index: 5, month: "Jun", yield: 6.66769562709039, Symbol(vega_id): 6}6: {index: 6, month: "Jul", yield: 6.483542378096409, Symbol(vega_id): 7}7: {index: 7, month: "Aug", yield: 5.7479008300368495, Symbol(vega_id): 8}8: {index: 8, month: "Sep", yield: 4.3635099156150075, Symbol(vega_id): 9}9: {index: 9, month: "Okt", yield: 2.4647144833082195, Symbol(vega_id): 10}10: {index: 10, month: "Nov", yield: 1.1705485181998911, Symbol(vega_id): 11}11: {index: 11, month: "Dec", yield: 0.8511712929997286, Symbol(vega_id): 12}length: 12__proto__: Array(0)

我只需要按顺序排列它们，但是当我选择“月份”作为 encoding.x 的字段时，我会按字母顺序获取它们。当我添加sort:null时，这条线仍然从四月到八月到十二月等等，而轴的顺序是正确的（随之而来的是混乱）。当我选择“索引”作为 encoding.x 的字段时，我得到了我需要的正确图表，但我希望标签是月份，而不是索引。