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

vega - 如何在 Vega-lite 中使用 REST url 作为数据

我有这个 REST API,它以下列方式返回表格数据:

我想在 Vega-lite 图表中使用 el1 和 el2。我应该如何引用数组中的元素?

0 投票
1 回答
1343 浏览

vega - vega-lite:单个图表中的多个标记

我目前正在评估我应该为开箱即用的图表使用哪种类型的 js 图表引擎,而 vega-lite 同时非常简单和灵活。但是,我想知道在一个图表中是否可以有不止一种类型的标记。例如,我可能有一个很长的月度时间序列,我可能会考虑有一个具有逐月平均值的条形层,而在一个线层中,我可能有当前年份的观察结果的演变。

我没有在 vega-lite 的网页中看到任何带有多个标记的示例。因此,如果有人知道如何做到这一点或知道任何此类示例,我将非常感谢您的反馈。

干杯

毛里西奥

0 投票
0 回答
210 浏览

javascript - vega 可视化工具数据限制

vega 可以处理多少数据(多少记录)而不会响应为交互性创建的信号而没有任何明显的延迟。

由于跨源问题,我无法使用该 URL,但为 60000 条记录创建了 JSON 并将其粘贴到我的 vega 规范中。

我总共有 4 个信号 - 3 个用于在鼠标单击时进行单值过滤,1 个用于使用单击和拖动选择进行范围过滤。创建的仪表板会在近 30 秒后响应每个信号触发。

所以我想知道可以在 vega 中使用的最大数据量,以及任何替代方案,比如将 vega 与某些东西连接以加快进程?任何帮助将不胜感激。

0 投票
0 回答
261 浏览

vega - Vega 具有多个 y 轴和多个图表的问题

对 Vega 来说相当新,但功能很可爱。但是,我遇到了一个我已经坚持了几天的路障。我正在创建一个基于 vega 游乐场中的 parallel_coords 示例的图表。但是,我需要将其扩展为处理 2 种情况:

  1. 该图表更像是一种流程可视化,因此并非每个值都会延续到下一个阶段/部分。
  2. 我还想显示另一个值的每个阶段的幅度,类似于勉强的例子。

这是我的示例代码,它有点像几乎和 parallel_coords 之间的合并。如果您查看以下代码的结果,目前我遇到了 2 个问题:

  1. 线条应从 y 轴的最小值开始绘制。我尝试了根据图表宽度计算偏移量的想法,但是由于我在字段之间添加了填充,这似乎不起作用。
  2. 辅助 y 轴未缩放到绘制的值。如果您查看底层,y 轴上的最大值由所有数据点的最大值(在本例中为 40)表示。我要做的是使每个辅助轴彼此独立,以便它们可以根据给定的数据正确缩放。

感谢您的时间!

0 投票
1 回答
500 浏览

vega - 如何安装 `vega.js` 和 `vega editor` 以在本地运行 vega 示例?

我尝试使用推荐的方法 1和 npm 在本地安装 vega.js 和 vega 编辑器,但我的 Mac 从未完成运行npm install

我也尝试了第三种方法:npm install vega这次我设法将 vega.js 安装为节点模块,见下图。但是,我不知道如何使用这个节点项目和 vega 模块运行 vega 示例。 在此处输入图像描述

当我尝试在运行时安装 vega 编辑器时npm run vendor,出现以下错误:

似乎建议应该有一个package.json,但我应该从哪里得到它?我是否应该继续寻找有关如何使用 npm 安装 vega 和 vega 编辑器的答案?

如果可能的话,谁能告诉我如何在不使用 vega 编辑器的情况下在本地运行 vega 示例npm install?谢谢!

0 投票
1 回答
57 浏览

javascript - 如何在 ember v2.6 中构建 3rd 方包?

尝试将 vega-lite npm 包集成到 ember 2.6 的单个组件中。Brocolli 给出以下错误:

西兰花插件:[object Object] 失败:

错误:找不到模块“vega-lite”

'/home/zemoso012/gg/ember-trello/tmp/stub_generator-output_path-A3jgYyCP.tmp'

0 投票
1 回答
728 浏览

javascript - Vega 如何创建动态调整大小的图表以及如何更改 x 轴?

我试图弄清楚如何在网络应用程序中使用 vega。

从我所看到的看起来可以调整图表大小,但我不完全确定如何去做?我是否必须手动更改 vega 正在工作的 json 对象,还是有更简单的方法?

另外,我在尝试自定义 x 轴时遇到了麻烦。我的日期范围从 0 到可能数千。希望能够动态设置 x 轴的刻度数据(通过刻度数据,我的意思是 x 轴如何递增.. 我的困惑的一部分我敢肯定,我不知道 vega 的刻度是什么意思, ETC。)。

顺便说一句,我在前端使用 Angular 和 ng-vega 将 vega 的“规范”放到示波器上。

0 投票
1 回答
962 浏览

vega - vega-lite:如何动态调整单个图的大小

我正在寻找一种在图表上动态设置大小或在创建单个 vega-lite 图表时设置大小的方法。到目前为止,我已经尝试在spec.config.cell用于仅设置高度的格子图上设置宽度和高度,还调用对象上的width()andheight()方法view,例如

view.height(200).width(200).render()

我能做的最好的事情是让画布调整大小并裁剪图表,但图表不会重绘到指定的大小。我正在寻找它来padding:'strict'指定整体大小,而不仅仅是数据矩形的大小。

0 投票
1 回答
498 浏览

data-visualization - Vega 可视化自定义轴方向

我正在使用 Vega Visualization Grammar 制作以下温度随时间变化的图表。我目前正在使用面积图。

  • X 轴 - 时间
  • y 轴 - 温度(从 -40 到 80)

我需要 x 轴从 0 而不是 -40 开始。

以下是 vega Json:

在此处输入图像描述

0 投票
0 回答
219 浏览

r - 如何在 Windows 上为 ggvis 安装 export_png()?(必须是一个解决方案)

人们在尝试安装1 , 2 , 3 , 4 , 5export_png()时遇到了类似的问题。我已经通过 node.js 跟踪了 vega 的安装。ggvis

这是我的代码:

这是结果:

这是我的会话信息

任何帮助将不胜感激。