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

jupyter - is there a way to produce SVG with ipyvega?

Currently the jupyter output seems to only give a canvas element. Vega does allow SVG output but I couldn't see a way to do it from ipyvega.

0 投票
1 回答
1800 浏览

python-2.7 - juypter notebook 中的 Altair 图表不呈现

我无法弄清楚我的 jupyter 笔记本中发生了什么。Vincent 和 Bokeh 工作正常,但在试用 Altair 时,我一定遗漏了一些东西,但我没有出错,在线文档也没有提到我的问题。

这就是我输入的内容(来自文档页面https://altair-viz.github.io/gallery/bar_aggregate.html

代码在我的 Jupyter 笔记本中执行,没有错误,但也没有图表。我确实安装了 vega,所以这不是问题。它不特定于该图,其他示例具有相同的行为。我不知道如何解决这个问题!

0 投票
1 回答
1039 浏览

angular - 为什么 Vega 3 不能与 Angular2 一起使用?

我正在尝试将Vega v3用于非常基本的Angular v2骨架(使用typescript v2webpack v2),但获得了意外的行为,我将在下面尝试解释(从这里我将省略版本,但参考将是那些指定的在这里)。

完整的演示回购在这里。

截图来自 2016-11-08 21-26-44

图 1. Vega plot-Angular 组件 DOM 片段检查(开发工具)。

截图来自 2016-11-08 21-34-25

图 2. Vega plot-Angular 组件 DOM 片段被选中(渲染视图)。

那么,为什么 Vega 3 不能与 Angular2 一起使用呢?

0 投票
1 回答
829 浏览

vega - 如何在 vega-lite 中添加参考线?

我有一个时间序列图(简单的折线图),我想在图中添加一条或多条参考线来表示边界(类似于 SPC 图表,最小值和最大值以及平均值)。

这在 Vega-Lite 中可行吗?

谢谢。

我的图表的链接: 一天内来自 5 个不同传感器的 EGV 数据

0 投票
1 回答
291 浏览

javascript - 如何在 vega 中使用“规则”标记

我在使用rulevega 中的标记创建跨越绘图的整个宽度或高度的线条时遇到问题。

文档rule有点稀疏。我将下面的示例基于此 google groups post

看起来很直截了当,但我在vega 编辑器中得到了一个空的情节

在此处输入图像描述

0 投票
2 回答
1324 浏览

reactjs - React 导入 json 数据

我使用 react vega 绘制图表。当我为图表编写配置时,它可以工作。我想从外部文件 barChartConfig.json获取 json 格式的配置

我尝试导入此文件但没有成功。我的问题是如何导入 json 并将其分配给变量?

0 投票
0 回答
118 浏览

python - “[Vega Err] [object XMLHttpRequest]”在 python 中尝试在基于叶的地图中绘制文森特图表时出错

我正在尝试使用 folium 库在地图中的标记中绘制图表。使用 python 中的 folium 库执行此操作。

代码非常简单。如下,

代码运行并创建 html 地图。当我单击标记时,会出现呈现图表的块,但在其中我看不到图表。此外,在显示图表之前,浏览器会引发错误,提示 [Vega Err] [object XMLHttpRequest]

0 投票
0 回答
242 浏览

d3.js - 如何将 Vega 图表的图例变成垂直的

我想把这个热图的图例从水平变成垂直,这样浪费的空间就会少得多。

我已经查看了文档,但没有选择这样做,只是使用“orient”属性将其从左侧移动到右侧。

谢谢

0 投票
1 回答
623 浏览

d3.js - How to set locale (globally) in Vega

I would like to configure the locale for a visualization in Vega. I need a German number format, which means that I need a comma (,) as decimal separator. Without any configuration in Vega, a decimal point (.) is used as separator.

Here is a complete working example which shows a simple bar chart. As you can see in the image below, I want to format the numbers on the y-Axis and the values inside the bars with two decimal places.

How can I set a specific locale (e.g. German) either globally for the whole visualization or for each number format separately? (I would prefer a global setting.)

(Note: You can use the Vega Editor to paste and try out my bar chart example.)

Simple bar chart with Vega

0 投票
3 回答
2013 浏览

vega - Vega/Lite 中的动画

我尝试实现类似于https://vimeo.com/177767802中显示的动画(分钟 2:30)

我的代码如下:

本质上它与视频中的代码相同,唯一的区别是我使用了一个较小的数据集(我取自 H. Wickham。)

我尝试使用 Vega-Lite 编辑器 ( https://vega.github.io/vega-editor/?mode=vega-lite&renderer=svg ) 渲染绘图。生成的散点图是正确的,圆圈是灰色的(应该是灰色的),但它不显示任何动画并且图例已损坏。

我的问题是代码是否有问题,这是我忽略的。如果代码是正确的,但问题是我使用 Vega-Lite 1.0 而不是 Vega-Lite 2.0 有没有办法在 Vega 中使用 Vega-Lite 2.0(完全理解使用 alfa 版本代码的风险) - 精简版编辑器?