问题标签 [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 投票
0 回答
99 浏览

javascript - 如何从文本字段中读取 vega-lite 代码?

我正在尝试为 vega-lite 编写一个代码编辑器(很像他们提供的那个,但有一些附加功能)。为什么 vega-lite 不能运行从 textarea 获取的代码,我该如何解决这个问题?

任何帮助将不胜感激。

0 投票
2 回答
1086 浏览

javascript - 如何在 Vega 的标签中添加“%”等符号?

我有以下代码:

我只想在我的标签中加上 % 以得到 91% 和 9%。

我认为这是在最后一行:“text”:{“field”:“datum.value”},但我不能只执行以下操作:“text”:{“field”:“datum.value”+ "%"} 或类似的东西......

任何人都可以帮助我吗?非常感谢你:)

0 投票
1 回答
284 浏览

vega - vega / vega-lite / vega-embed 的版本控制

我正在尝试建立一个基本环境来使用vega-lite- 这需要vegavega-embed.

看起来vega-lite-1.3.1vega-2.6.5在一起很开心:这些显然是旧vega-lite编辑器上使用的版本:http: //vega.github.io/vega-editor/ ?mode=vega

但是呢vega-embed?我尝试了相同的版本vega-embed-2.6.5,但它得到404 https://cdnjs.cloudflare.com/ajax/libs/vega-embed/2.6.5/vega-embed.js

那么vega-lite//的版本是vega如何vega-embed相关的

0 投票
0 回答
134 浏览

d3.js - 使 Vega.js 渐变图例更宽

我正在尝试修改 Vega.js choropleth 示例以使用渐变图例,然后使该图例更宽。我已成功将类型更改为“渐变”,但是当我尝试使图例更宽时,文本标签仍然卡住并且不会随着颜色条变宽。

这是完整代码的链接:https ://jsbin.com/tamenucohu/edit?html,output

这是特定于图例的部分:

这是我将宽度设置为 300 时的屏幕截图,请注意“0.0%”和“15.0%”文本标签的间距不正确:较宽的颜色条带有较窄的标签

0 投票
1 回答
850 浏览

vega - 如何使用 Vega-Lite 在轴上绘制多个变量?

按照 Vega-Lite 的西雅图天气教程,很容易按月绘制平均最低温度:

这个数据集也有temp_max变量。如何在 y 轴上绘制temp_min和绘制?temp_max

0 投票
1 回答
966 浏览

kibana - 如何为 Kibana 5.5.0 安装 Vega 插件?

我刚开始使用 Kibana (5.5.0)。我找到了一个不错的插件,叫做Vega。在花了几个小时尝试安装这个插件失败后,我决定在这里发布这个问题。例如,当我运行此命令时bin/kibana-plugin install file:///ust/test/kibana-vega-vis-master.zip,我收到此错误:

0 投票
1 回答
2067 浏览

d3.js - 条形之间的 Vega-lite 条形图空间

D3新手。如何调整 vega-lite 条形图中条形之间的间距并覆盖默认值?binSpacing 我认为仅适用于直方图。请参阅下面的代码。我也想调整文本和字体系列的颜色......但是在文档中找不到它。

0 投票
1 回答
121 浏览

vega - vega-lite 的详细错误报告

我有一系列transforms不是 Vega-Lite 解析器的“朋友”。有没有办法获得比以下更好/更详细的错误消息:

在此处输入图像描述

具体来说:消息Ignoring an invalid transform 确实报告了哪个条目不正确。这是一个好的开始。我想知道是否可以获得比这更多的细节 - 例如通过verbose设置

0 投票
1 回答
664 浏览

object - 试图在 Vega-Lite 中获取鼠标悬停的参考标记 - “不在规格错误中”

所以我正在尝试用 react 和 vega-lite 做一个数据可视化项目。我正在使用包装器https://github.com/kristw/react-vega-lite但这不是给我带来问题的部分(它似乎只是一个包装器,没有任何 Vega-Lite 的摆动)。

我可以做的是将数据导入电子表格并通过一些 API 调用制作折线图(在本例中是对一些股票市场数据的 api 调用)。

我不能做的是在鼠标悬停时叠加规则。我只是想让图表显示从给定点到 x 轴的线和从给定点到 y 轴的线,基于沿点 x 的鼠标悬停。我使用以下代码得到的错误是“错误:无效规范”,然后它引用了整个对象。没有帮助,但这一定意味着我定义的东西是错误的。我目前正在使用 Vega-Lite v2。

我一直在尝试使用这份白皮书 ( https://idl.cs.washington.edu/files/2017-VegaLite-InfoVis.pdf ) 作为指南。在第 8 页他们有这个例子。

在此处输入图像描述

如您所见,它看起来非常简单,并且它们有一条从数据到 x 轴的垂直线。我想要同样的东西,减去图表的重新平衡,加上一条到 y 轴的水平线。

这是我的代码。我通过简单的说法从我的反应文件中调用它<Mygraph data={datatable} />。我没有包括那部分,因为我再次测试了它是否有效。如果有人看到任何错误,请告诉我。

编辑:我稍微修改了代码以消除一些愚蠢的错误,但我仍然得到“无效规范”。

编辑编辑:在他们的网站上进行一些搜索后,我发现https://vega.github.io/vega-lite/docs/selection-nearest.html几乎完全符合我的需要(底部的示例)。不幸的是,我几乎完全复制了这个例子,但我仍然收到错误“invalid spec”。

这是我现在使用的代码:

0 投票
2 回答
890 浏览

python - Altair/Vega 中的断轴

我有一个标准化堆积面积图,其中一个变量与其他变量之间存在巨大差异,例如:

Altair/vega-lite/Vega 有什么方法可以制造损坏的 y-axys ......像这样的东西?