问题标签 [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 回答
1696 浏览

python - altair 分组条形图格式轴和填充

我正在使用 Altair 并喜欢它以实现快速可视化。不过,我在微调格式方面有点挣扎,特别是在分组条形图的填充和试图获得不重复的标题方面。

请看到目前为止的情节:到目前为止 的情节和生成情节的代码:

我想要达到的目标如下:

  • 在第一行,我的条形图组的标题被截断。我想防止这种情况,但也要防止重叠。我希望这应该通过增加组之间的距离来完成,但我不知道如何做到这一点。我尝试将 Scale 对象添加到 Column 对象,但这不再是允许的参数(在 altair v1 中似乎没问题)。编辑:我找到了一种方法:.properties(width=200)在情节的最后添加提供更多间距,并且情节标题变得可读。问题的另一部分仍然存在。
  • 在图的底部,所有组的标题“Alt”重复。我宁愿在这里有一个标题,而不是重复相同的文本。

欢迎任何想法和提示!

0 投票
1 回答
138 浏览

vega - 为 vega-lite 和 vega-embed 指定目标 Vega 版本?

我(成功地)使用 vega-lite@2 和 vega-embed@3 来显示一个简单的条形图。但是,我在控制台中收到以下错误:

有没有办法可以指示 vega-lite 编译为 vega@4?我应该忽略这个警告吗?

这是一个沙盒版本:https ://codesandbox.io/s/rlvjw5wonm

请注意,我将 vega-embed 作为模块导入。我无法以这种方式找到许多使用 vega* 的示例,所以我可能在这里做错了什么。

0 投票
0 回答
231 浏览

vega - Vega-Embed 给出构建错误找不到名称“提取”和“排除”

我创建了 Angular 6 应用程序(使用节点)。在这个应用程序中,我使用了 vega-embed。它给了我编译错误。

从“vega-embed”导入嵌入;我还更改了 util.d.ts import stableStringify = require('json-stable-stringify') 中的代码,但出现以下错误

node_modules/vega-lite/build/src/util.d.ts(58,41) 中的错误:错误 TS2304:找不到名称“提取”。node_modules/vega-lite/build/src/util.d.ts(73,58):错误 TS2304:找不到名称“排除”。

请建议。

0 投票
1 回答
226 浏览

vega - 在 Vega-lite 或 Vega-embed 中缓存数据集

我有一个用例,用户可以以试错的方式使用单个数据集创建不同的可视化。是否可以在 Vega 中缓存加载和解析的数据集以提高性能?

更新:

根据@dominik 的回答,我尝试将数据内联为 JavaScript 对象。但是,Vega-lite 似乎仍在解析数据,这需要花费大量时间。我使用的规范如下所示,这表明数据确实是内联的。

带有内联数据的 Vega-lite 规范

Chrome 分析工具的屏幕截图显示,该parse功能占用了大部分时间。

Chrome 的分析工具中显示的堆栈

0 投票
1 回答
447 浏览

vega-lite - 如何从星期一开始订购 vega-lite 订单日?

我有这个规范。

这会在漂亮的图表中显示每日平均值,但是在一周从星期一开始的国家/地区,以“星期日”开头是非常奇怪的。

如何更改订单以使其从星期一开始?

0 投票
1 回答
662 浏览

elasticsearch - Vega:在数据中添加缺失的信息


在 kibana 中,在 Vega-lite 可视化中,我想随时间创建应用程序 (AAAA) 的转换状态图。(时间线)
状态具有固定值(初始化、开始、运行...)

在 x 轴上是时间戳,
在 Y 上是状态级别,
一个矩形或条形来跟踪状态级别。

|====
| ======
| ============
______________________________
t0 t1 t2 ....

我的数据来自 ElasticSearch 中的查询并具有以下格式。

在 vega 中,我想用条形或矩形表示状态,例如:Init 状态将由从 t0 开始到 t1 结束的矩形表示。但我没有这个信息!t1 在下一条数据线

是否可以通过利用下一行来计算此值。数据会是这样。


欢迎任何帮助。

0 投票
1 回答
419 浏览

python - Vega 没有一致地呈现规范

设想

我正在使用 Altair 在 python 中制作图表。但是,当我将图表保存为 HTML 并打开文件时,呈现的图表是不同的。特别是,图例在 HTML 文件中是水平的,而在我的 Jupyter Notebook 中呈现时是垂直的。更重要的是,当我使用在 HTML 中创建的链接来使用 Vega 编辑器时,它再次以垂直图例呈现。

HTML 中缺少什么以使 vega-lite 呈现垂直图例?

我的 Python 代码

呈现为

在此处输入图像描述

节省

生产

如果您运行该代码段,您将看到一个带有水平图例的图表。如果您点击链接进行编辑,您将再次看到这样的垂直图例:

在此处输入图像描述

0 投票
1 回答
501 浏览

scala - Vegas (Scala/Spark/Vega) 为每个数据点着色

是否可以用特定的 RGB 或 aRGB 值绘制每个点?我已经计算了颜色,所以我不需要使用范围,而且颜色范围对于我的数据也不是线性的。

0 投票
0 回答
493 浏览

vega - Vega embed 不渲染图

我正在尝试重现本教程 https://nyurik.github.io/Vega-Trends-Graph-for-Kibana/

虽然 spec 在 kibana-vega 插件(kibana 版本 6.3.0)中呈现,但完全相同的 sepc 不会在 vega 在线编辑器中呈现任何可视化。vega embed 没有引发任何错误,并且数据查看器看起来数据已正确处理。
vega 嵌入带有规范的在线编辑器

0 投票
1 回答
1725 浏览

python - Altair 滑块变换数据

几周以来,我一直很喜欢使用 Altair,但我一直不知道如何解决问题。我一直在尝试绘制平均温度数据与月份的简单图,并使用滑块小部件来过滤年份。我可以让绘图工作,但是一旦我使用滑块选项,它就不会显示任何数据。我尝试只使用选择选项,但没有奏效。我只是不知道如何处理转换选项。我使用美国人口随时间变化的例子作为指导。