问题标签 [vegas-viz]

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

vega-lite - Vega-lite:无法解析 hconcat 图上的双 y 轴

我目前有 2 个水平连接的图表,我可以在第一个图表上选择变量,并在第二个图表上获得有关它们的更多信息。我正在尝试解析第二张图上的 y 轴,以便我有 2 个具有不同单位的 y 轴,并且已经弄清楚如何将左侧和右侧的轴分开,但单位是相同的。这不是很有用,我想知道如何在两者上都有独立的比例。从文档来看,似乎使用 resolve 函数应该可以解决问题,但它所做的只是将轴分开。

这是我的代码:

这是该图表当前的外观图片:

Vega-lite 图

如您所见,性别值的平均值和参考值的平均值具有相同的轴刻度,我希望它们不同,以便可以轻松看到条形。

任何帮助将非常感激!

0 投票
2 回答
74 浏览

python - 如何将 null 作为来自 python 的聚合字段的值传递?

我想实现这一点:

我将值从 Python 传递给 vegalite。由于 Python 没有 null 关键字,我不知道如何在 x 轴上将聚合的值设置为 null。任何帮助是极大的赞赏。谢谢!

0 投票
1 回答
205 浏览

angular - 安装后导入 vega-embed

我已经安装了vega& vega-lite&vega-embed使用npm,现在我正在按照此处的说明将图表嵌入到我自己的页面中(不像扩展程序那样在 vs-code 中显示它)。vega-embed

我在我的Angular 应用程序中编写了以下代码,它会引发错误:

vega.component.html

vega.component.ts

我将其中一个示例density-heatmaps.vg.json放在我的 Angularassets文件夹中,并希望在我的http://localhost:4200页面中显示它。

起初,我认为是导致错误的主要代码,但后来我意识到实际上是顶部的导入行导致我的应用程序崩溃......

有人可以帮我理解为什么 import 语句会导致应用程序崩溃以及如何修复它吗?

之后,我可以继续处理我的代码,并希望能够在我的html figure区域显示图形......

顺便说一句,我都尝试过import embed from 'vega-embed'import * as embed from 'vega-embed'但都使应用程序崩溃。我将不胜感激任何帮助。

ps这是我的检查控制台的屏幕截图:

在此处输入图像描述

我搜索allowSyntheticDefaultImports认为这是一个我可以设置为 true 以允许导入的标志,但我在应用程序中找不到任何东西......

我的配置文件的内容如下:

包.json

tsconfig.json

0 投票
1 回答
117 浏览

angular - 访问 vega 数据集的外部 url

我已经嵌入VegaVega-Lite我的 Angular 应用程序中,我可以直接在我自己的html页面上显示它们。

我采用的一些示例包含指向外部数据文件的链接,这些文件我已按照页面npm i vega-datasets上的说明下载并安装在我的应用程序中。

miserables.json以下是使用该文件的弧形图示例:

这 2 个实例"url": "../node_modules/vega-datasets/data/miserables.json"实际上曾经"url": "data/miserables.json"位于在线 Vega 编辑器中,但由于我已将内容复制到一个文件中并将其放置在我的 Angular 应用程序的assets文件夹中,因此我相应地修改了路径。

或者至少我认为它是相应地完成的!

图表没有显示,所以我怀疑我做错了路径调整。

有人可以帮我理解图表没有显示的我做错了什么吗?

这是我的 Angular 项目层次结构的屏幕截图:

在此处输入图像描述

数据集安装在node_modules/vega-datasets/data/我的文件夹中

0 投票
0 回答
53 浏览

vega-lite - 如何在 vega 中使用正则表达式

我是 vega lite / vega 的新手。

我正在尝试为 java 日志错误编写一个正则表达式查询,如下所示 vega 树布局。字段“消息”包含:

我正在使用这个正则表达式,它在字符之前得到一个异常词:(如 ModelException )但我不怎么在 vega 中使用这个正则表达式。我在 regex101.com 网站上测试了这个正则表达式,它工作正常。

感谢您的帮助

0 投票
0 回答
83 浏览

vega-lite - vega-lite 是否有固定的 Y 轴?

我有 2 个图表,它们可能是使用 hconcat 创建的。第一个规范只包含一个将被固定的 y 轴,它将作为我的第二个图表的锁定轴。如果我水平滚动,它应该只滚动第二个图表,而我的第一个 y 轴图表应该保持原样,因此更容易阅读度量。

以下是一个可重现的示例或参考编辑器

此图像包含左侧的 Y 轴

这里只包含x轴,Y轴消失了