问题标签 [vega-lite]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
318 浏览

vega - Vega lite - 访问“重复”变量以用作过滤器

我正在尝试制作一个格子条形图,每个图表后面都隐约显示总计 - 见这张图片。

在此处输入图像描述

我已经成功地创建了一个详细的规范,但我想通过使用带有过滤器的“重复”来使其更简洁。 是工作版本。

是我几乎可以使用的版本,但我不知道如何允许过滤器访问“重复”变量。

如何访问“重复”中指定的变量以正确过滤数据?

我已经尝试了以下但它不起作用

0 投票
2 回答
259 浏览

vega - 如何使用内联数据中的原始值?

一般来说,vega-lite 中的内联数据应该具有如下形式:

我试图找出是否可以通过“转置”数据来更简洁地指定内联数据。这将避免字段名称的过度重复,即:

内联数据的文档含糊地提到了该values领域:

这可以是对象数组或原始值或字符串。原始值数组作为具有数据属性的对象被摄取。

所以我所能做的就是例如"values": ["A", "B", "C"]

我怎样才能利用这种原始的内联数据?数据只有一个字段data,不足以在 x + y 轴上绘制。是否还有id可用于轴编码的自动生成字段?或者是否可以将多个原始内联数据集组合成具有多个(命名)字段的数据集?

标准 vega 是否可以使用紧凑数据变体?

0 投票
1 回答
1031 浏览

scala - 如何在 scala-spark jupyter notebook 中使用 Vegas 可视化

当我们使用scala内核时,Vegas我们会看到漂亮的图表

在此处输入图像描述

但是当切换到scala-spark内核时,导入不再起作用:

在此处输入图像描述

spark修复内核导入的方法是什么?

0 投票
0 回答
325 浏览

data-visualization - Vega 可视化从过滤矩阵中删除空单元格

我正在尝试制作一个 vega 可视化,它在矩阵中显示子图,并且能够过滤行和/或列,因此只显示一个子集。

当我应用过滤器时,只有与过滤器匹配的标记会按照我的预期绘制,但矩阵中的所有单元格仍会显示。轴也正确响应过滤器。

应用过滤器时如何让单元格更新?

未过滤的矩阵正确显示

过滤后的矩阵包含太多单元格

示例可视化
改编自https://vega.github.io/vega-lite/examples/trellis_barley.html

0 投票
2 回答
1308 浏览

word-cloud - 使用 Altair 创建词云

如何使用 Altair 创建 wordcloud?Vega 和 vega-lite 提供了我过去成功使用的 wordcloud 功能。因此,如果我理解正确,应该可以从 Altair 访问它,并且我更喜欢用 Python 而不是嵌入的 JSON 来表达可视化。我见过的所有 Altair 示例都涉及标准图表类型,如散点图和条形图。我还没有看到任何涉及词云、网络、树形图等的内容。

更具体地说,我将如何在 Altair 中表达或至少近似以下 Vega 可视化?

0 投票
1 回答
542 浏览

vega - 是否可以在 vega 或 vega-lite 的绘图中添加背景图像?

我从https://vega.github.io/vega-lite/docs/config.html看到可以更改背景颜色。但我没有看到任何添加底层背景图像的文档。

0 投票
1 回答
3210 浏览

javascript - kibana 的 Vega 可视化 - 聚合和访问文档字段

我也是 Vega 和 Kibana 的新手,我试图创建一个散点图来显示主题标签及其平均极性,但是我遇到了两个方面,首先是聚合平均极性,其次是从文档中访问主题标签文本字段。

我试图获得平均极性的代码(现在只是在时间尺度上显示):

这给了我一个错误无法读取未定义的属性“极性”。一旦我摆脱聚合它就可以工作,但我想显示平均值而不是所有数据。

另外,我不知道如何访问嵌套的主题标签文本字段,我尝试过 _source.hashtags.text 但没有用:

示例文档:

映射:

0 投票
0 回答
1121 浏览

vega - 有人让 Vega-Lite 在 Angular 5 中工作吗?

遵循直接的 JS 指令,但在 TypeScript 中,我收到以下错误:

在记录器组件中。

我正在使用所有最新版本的 vega、vega-lite 和 vega-embed

似乎 vega-embed 是使用 vega-lite 的唯一方法?

0 投票
1 回答
548 浏览

kibana - 具有多个 X 轴参数的 Vega / Kibana 自定义可视化

我正在尝试归档这样的东西: 例如,使用 kibana 和/或 Vega/Vega-lite。

我用来将索引添加到 kibana 的 csv 文件是:

目前我有这个:

所以我的问题是试图归档图片上的内容。我知道我的 Vega 代码的“编码”部分不正确,但我在寻找在 X 轴上具有多个参数的方法时遇到了问题。

我认为: 如果我设法将数据中的硬编码值替换为来自 kibana 索引的数据,那么vega 示例就可以解决问题。有什么方法可以在“值”中使用“_source.fields”,或者我可以使用任何编码选项来归档我的结果?

提前致谢。

注意:我的最终结果很可能只有 1 个学生。但我希望实时更新可视化,因此需要使用该字段。

0 投票
0 回答
27 浏览

vega-lite - 如何从现场 Vegalite 中恢复数据?

如何从字段中恢复特定数据以进行显示?

在我的鼠标悬停期间,我希望显示数据。

我是 kibana 平台的实习新开发人员vegalite,因为我有时间阅读文档并实现了一些可视化,但我不了解深度运行。