问题标签 [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.
vega-lite - Vega-lite:无法解析 hconcat 图上的双 y 轴
我目前有 2 个水平连接的图表,我可以在第一个图表上选择变量,并在第二个图表上获得有关它们的更多信息。我正在尝试解析第二张图上的 y 轴,以便我有 2 个具有不同单位的 y 轴,并且已经弄清楚如何将左侧和右侧的轴分开,但单位是相同的。这不是很有用,我想知道如何在两者上都有独立的比例。从文档来看,似乎使用 resolve 函数应该可以解决问题,但它所做的只是将轴分开。
这是我的代码:
这是该图表当前的外观图片:
如您所见,性别值的平均值和参考值的平均值具有相同的轴刻度,我希望它们不同,以便可以轻松看到条形。
任何帮助将非常感激!
python - 如何将 null 作为来自 python 的聚合字段的值传递?
我想实现这一点:
我将值从 Python 传递给 vegalite。由于 Python 没有 null 关键字,我不知道如何在 x 轴上将聚合的值设置为 null。任何帮助是极大的赞赏。谢谢!
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
angular - 访问 vega 数据集的外部 url
我已经嵌入Vega
到Vega-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/
我的文件夹中
vega-lite - 如何在 vega 中使用正则表达式
我是 vega lite / vega 的新手。
我正在尝试为 java 日志错误编写一个正则表达式查询,如下所示 vega 树布局。字段“消息”包含:
我正在使用这个正则表达式,它在字符之前得到一个异常词:(如 ModelException )但我不怎么在 vega 中使用这个正则表达式。我在 regex101.com 网站上测试了这个正则表达式,它工作正常。
感谢您的帮助
vega-lite - vega-lite 是否有固定的 Y 轴?
我有 2 个图表,它们可能是使用 hconcat 创建的。第一个规范只包含一个将被固定的 y 轴,它将作为我的第二个图表的锁定轴。如果我水平滚动,它应该只滚动第二个图表,而我的第一个 y 轴图表应该保持原样,因此更容易阅读度量。
以下是一个可重现的示例或参考编辑器: