问题标签 [vega]

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 回答
437 浏览

geojson - 如何用 vega 读取 geojson

听起来超级简单,但我不知道如何为我的多边形使用 geojson,而不是 topojson。

这是我目前的尝试:

0 投票
0 回答
143 浏览

charts - Vega.js - 有没有办法将自动调整大小应用于各个组?

我正在使用 Vega 3.x —</p>

有没有办法将自动调整大小的属性应用于单个组?看看下面的例子:

这会产生类似的东西:

在此处输入图像描述

我需要将“Lorem Ipsum”文本推到左侧,而不是与轴右侧的图表区域对齐。我知道有一个title属性,但我不能使用它,因为我有更复杂的标记需要在标题部分中,为了简洁起见,我没有在这里显示。

我还尝试将轴属性作为 Lorem Ipsum 文本标记组的兄弟放在包装组中,但这似乎也无济于事。

0 投票
1 回答
399 浏览

javascript - Vega 图表上的图像工具提示

我是一名 d3 开发人员,开始掌握 VEGA 图表。我想添加带有图像的工具提示 - 关于如何执行此操作的任何想法?

例如,在这个例子中:

https://vega.github.io/vega/examples/bar-chart/

假设数据中有一个带有 url 的额外变量:

在 d3 中很容易做到,但在 Vega 中却不能完全解决。非常感谢所有帮助。

0 投票
1 回答
2196 浏览

vega - 如何在 Vega Lite 中为单系列或多系列图表添加图例?

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

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

即在谷歌表格中它看起来像在此处输入图像描述

0 投票
1 回答
1052 浏览

vega - 如何动态更改 Vega 架构

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

0 投票
0 回答
269 浏览

vega - X轴的Vega-lite折线图顺序

我的数据:

(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 的字段时,我得到了我需要的正确图表,但我希望标签是月份,而不是索引。

0 投票
2 回答
1173 浏览

javascript - 使用 vega 反应组件

我正在尝试使用反应组件中的vega但没有运气(可能是安装问题)。

我编写了一个具有以下结构的组件:

但我得到一个TypeError: Cannot read property 'parse' of undefined

这使我得出结论,安装没有按预期进行。

在安装过程中,我确实遇到了问题,因为 vega 使用 node-gyp 并且我在 Windows 环境中(并且也在代理后面)

安装 node-gyp 时,我遇到了 node-canvas 的一些问题(尽管根据文档,没有它 vega 应该可以工作)

大多数文件都忽略了 vega 的安装。

有没有人尝试安装它并使用它import- 它有效吗?

0 投票
1 回答
1337 浏览

elasticsearch - ElasticSearch-Kibana-Vega 插件

我对弹性搜索和 kibana 很陌生。我在 kibana 可视化中使用 vega 插件。但无法使用弹性搜索聚合创建条形图。当我使用 kibana 开发工具时,我得到了正确的结果。

运行后,我在示例代码中附加了以下详细信息我得到了一个空白页

可视化部分:

数据集

0 投票
1 回答
2196 浏览

tooltip - Python Jupyter 中带有工具提示的交互式 wordcloud

我有一个单词和短语列表,以及每个单词和短语的分数和定义。我想将其呈现为交互式 wordcloud,其中文本大小由分数确定,定义显示为 hover 时的工具提示。我更愿意在 Jupyter 中执行此操作。

我知道一个数字库,它们提供了生成 wordcloud 和/或工具提示的好方法。如何将工具提示附加到 wordcloud 中的单词?. wordcloud 需要有一种方法知道您悬停在什么文本上并触发相应的工具提示。到目前为止,我还没有找到一种方法来做到这一点。

我对用于执行此操作的 linraries 相当不可知论。我主要希望结果是相当高级的并且主要是声明性的。我看过 Vega、bqplot 和 Andreas Mueller 的 wordcloud 包。Vega 具有 wordcloud 和 tooltip 功能,旨在很好地组合 piplines,但我不确定如何以正确的方式连接它们。虽然我也更喜欢编写实际的 Python 代码而不是使用 JSON 的代码,但这是一个小问题。Bqplot 的提示非常好,但没有 wordcloud 组件。wordcloud 包生成了不错的 wordcloud,但我不知道如何使它们具有交互性。

0 投票
1 回答
318 浏览

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

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

在此处输入图像描述

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

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

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

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