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

javascript - 如何为数组的每个元素绘制多条线,其中包含 vega 规范数据中的 y 值?

我正在使用vegaD3绘制动态数据集与时间的关系(比如多个传感器值与 x 轴中的时间的关系)。在我的规范中,数据元素的值为 x 和 y,其中 x 是时间戳,y 是包含传感器值的数组。如下所示:

我想像这样绘制它们: 多线图的示例输出

“y”也可以是 3 个元素的数组。在这种情况下,要显示 3 行。

绘制这样一个图表的规范应该是什么?

0 投票
1 回答
1139 浏览

json - vega中分组条形图的工具提示(使用组标记)

我正在使用 vega 创建一个分组条形图,当我将鼠标悬停在一个条形或一组条形上时,我希望显示一些数字(在我的标签数据字段中)。下面的 json 对象似乎可以工作,但是当我移过图表的一部分时,它会显示所有条形的所有数量。

我还尝试在标记块中使用信号,如下所示,但这并没有给我想要的结果(所有数字都堆叠在一起,不可读)。

任何人都可以帮助如何获得所需的结果并了解数据如何从(子)标记传递到该信号?

0 投票
1 回答
450 浏览

javascript - 使用 vega 创建更新的词云

我在 vega.js 的帮助下使用字符串数组创建了一个词云,同时逐个添加文本我想更新我的词云。我的代码如下所示。wordCloud 只为第一个文本字符串绘制。对于下一个字符串,它会在浏览器控制台出现此错误。“view.data 未定义” 有人可以帮我找到代码的解决方案吗?

0 投票
1 回答
2819 浏览

d3.js - 如何更改 Vega-lite 条形图中条形的颜色?

我想更改 Vega-Lite 条形图中条形的默认蓝色。我该怎么做?我在下面发布 json 规范:

提前致谢。

0 投票
1 回答
1729 浏览

d3.js - 我们可以将事件侦听器添加到“Vega-Lite”规范吗?

我是 Vega 和 Vega-Lite 的新手。我正在使用 Vega-Lite 创建一个简单的条形图,但我无法添加任何事件侦听器,例如“悬停”。

我想悬停一个栏并更改栏的颜色。

0 投票
3 回答
2095 浏览

javascript - Vega-Lite 是否提供 Vega 提供的所有功能?

我正在尝试使用 Vega-Lite 开发交互式图表,但我找不到任何涉及交互式图表的文档,主要是事件监听器。

所以,想知道 Vega-Lite 是否有这种能力。

请在这里帮助我,因为我是一个新手,如果可能的话,我真的需要最好使用 Vega-Lite 开发一个交互式图表;否则我会和 Vega 一起去。

0 投票
1 回答
683 浏览

json - 如何为多线图数据定义json

我一直在尝试找出如何在 vega-lite 中定义多线图的数据,但我无法让它工作。这些示例在 URL 端点 ( https://vega.github.io/vega-editor/?mode=vega-lite&spec=line_color&showEditor=1 )处显示 csv 文件的数据,但我想查看我在简单的json。

这是我对单线图的看法:

如何修改“数据”以显示多线图?(如果可能,显示符号表中未定义的更多有用信息)。这是我现在看到的: 带有未定义符号的折线图

谢谢!

0 投票
1 回答
1162 浏览

javascript - Uncaught TypeError: Cannot read property 'marktype' of undefined in vega.js

I have written a word cloud using vega.js to work for words with the frequency. The wordset looks like this before appending to the spec:

[{"text":"really","value":40},{"text":"people","value":10}]

But when it appends to the spec it looks like this.

Also the code gives two errors:

Uncaught TypeError: Cannot read property 'value' of undefined in line vega.js 4965

Uncaught TypeError: Cannot read property 'marktype' of undefined in line vega.js 9604

Can anyone help me to solve this problem?

The written javascript function for the word cloud.

0 投票
1 回答
64 浏览

d3.js - 在 Vega/d3 中计算 GEO 变换参数

将此代码复制到https://en.wikipedia.org/wiki/Special:GraphSandbox

手动设置地理变换的比例和平移参数以匹配图像的宽度和高度(见红叉)。我怎样才能使地理转换自动匹配整个图形大小(或者可能是一些信号值),而无需手动调整?

更新: 翻译参数应该设置为图像宽度和高度的一半。请参阅下面的答案,并且中心应该已设置为 [0,0]。对于等角投影,图形大小应为 2:1。

0 投票
0 回答
88 浏览

vega - 如何以 vega.js 的表达式语言控制台输入

我正在尝试使用过滤器转换数据集。如何调试表达式语言中的输入?

在数据转换的“测试”属性中,想做这样的事情

我怎样才能做到这一点?