问题标签 [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.
javascript - 如何从文本字段中读取 vega-lite 代码?
我正在尝试为 vega-lite 编写一个代码编辑器(很像他们提供的那个,但有一些附加功能)。为什么 vega-lite 不能运行从 textarea 获取的代码,我该如何解决这个问题?
任何帮助将不胜感激。
javascript - 如何在 Vega 的标签中添加“%”等符号?
我有以下代码:
我只想在我的标签中加上 % 以得到 91% 和 9%。
我认为这是在最后一行:“text”:{“field”:“datum.value”},但我不能只执行以下操作:“text”:{“field”:“datum.value”+ "%"} 或类似的东西......
任何人都可以帮助我吗?非常感谢你:)
vega - vega / vega-lite / vega-embed 的版本控制
我正在尝试建立一个基本环境来使用vega-lite
- 这需要vega
和vega-embed
.
看起来vega-lite-1.3.1
和vega-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
相关的
d3.js - 使 Vega.js 渐变图例更宽
我正在尝试修改 Vega.js choropleth 示例以使用渐变图例,然后使该图例更宽。我已成功将类型更改为“渐变”,但是当我尝试使图例更宽时,文本标签仍然卡住并且不会随着颜色条变宽。
这是完整代码的链接:https ://jsbin.com/tamenucohu/edit?html,output
这是特定于图例的部分:
这是我将宽度设置为 300 时的屏幕截图,请注意“0.0%”和“15.0%”文本标签的间距不正确:较宽的颜色条带有较窄的标签
vega - 如何使用 Vega-Lite 在轴上绘制多个变量?
按照 Vega-Lite 的西雅图天气教程,很容易按月绘制平均最低温度:
这个数据集也有temp_max
变量。如何在 y 轴上绘制temp_min
和绘制?temp_max
kibana - 如何为 Kibana 5.5.0 安装 Vega 插件?
我刚开始使用 Kibana (5.5.0)。我找到了一个不错的插件,叫做Vega。在花了几个小时尝试安装这个插件失败后,我决定在这里发布这个问题。例如,当我运行此命令时bin/kibana-plugin install file:///ust/test/kibana-vega-vis-master.zip
,我收到此错误:
d3.js - 条形之间的 Vega-lite 条形图空间
D3新手。如何调整 vega-lite 条形图中条形之间的间距并覆盖默认值?binSpacing 我认为仅适用于直方图。请参阅下面的代码。我也想调整文本和字体系列的颜色......但是在文档中找不到它。
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”。
这是我现在使用的代码:
python - Altair/Vega 中的断轴
我有一个标准化堆积面积图,其中一个变量与其他变量之间存在巨大差异,例如:
Altair/vega-lite/Vega 有什么方法可以制造损坏的 y-axys ......像这样的东西?