问题标签 [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.
vega - 如何在 Vega-lite 中使用 REST url 作为数据
我有这个 REST API,它以下列方式返回表格数据:
我想在 Vega-lite 图表中使用 el1 和 el2。我应该如何引用数组中的元素?
vega - vega-lite:单个图表中的多个标记
我目前正在评估我应该为开箱即用的图表使用哪种类型的 js 图表引擎,而 vega-lite 同时非常简单和灵活。但是,我想知道在一个图表中是否可以有不止一种类型的标记。例如,我可能有一个很长的月度时间序列,我可能会考虑有一个具有逐月平均值的条形层,而在一个线层中,我可能有当前年份的观察结果的演变。
我没有在 vega-lite 的网页中看到任何带有多个标记的示例。因此,如果有人知道如何做到这一点或知道任何此类示例,我将非常感谢您的反馈。
干杯
毛里西奥
javascript - vega 可视化工具数据限制
vega 可以处理多少数据(多少记录)而不会响应为交互性创建的信号而没有任何明显的延迟。
由于跨源问题,我无法使用该 URL,但为 60000 条记录创建了 JSON 并将其粘贴到我的 vega 规范中。
我总共有 4 个信号 - 3 个用于在鼠标单击时进行单值过滤,1 个用于使用单击和拖动选择进行范围过滤。创建的仪表板会在近 30 秒后响应每个信号触发。
所以我想知道可以在 vega 中使用的最大数据量,以及任何替代方案,比如将 vega 与某些东西连接以加快进程?任何帮助将不胜感激。
vega - Vega 具有多个 y 轴和多个图表的问题
对 Vega 来说相当新,但功能很可爱。但是,我遇到了一个我已经坚持了几天的路障。我正在创建一个基于 vega 游乐场中的 parallel_coords 示例的图表。但是,我需要将其扩展为处理 2 种情况:
- 该图表更像是一种流程可视化,因此并非每个值都会延续到下一个阶段/部分。
- 我还想显示另一个值的每个阶段的幅度,类似于勉强的例子。
这是我的示例代码,它有点像几乎和 parallel_coords 之间的合并。如果您查看以下代码的结果,目前我遇到了 2 个问题:
- 线条应从 y 轴的最小值开始绘制。我尝试了根据图表宽度计算偏移量的想法,但是由于我在字段之间添加了填充,这似乎不起作用。
- 辅助 y 轴未缩放到绘制的值。如果您查看底层,y 轴上的最大值由所有数据点的最大值(在本例中为 40)表示。我要做的是使每个辅助轴彼此独立,以便它们可以根据给定的数据正确缩放。
感谢您的时间!
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
?谢谢!
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'
javascript - Vega 如何创建动态调整大小的图表以及如何更改 x 轴?
我试图弄清楚如何在网络应用程序中使用 vega。
从我所看到的看起来可以调整图表大小,但我不完全确定如何去做?我是否必须手动更改 vega 正在工作的 json 对象,还是有更简单的方法?
另外,我在尝试自定义 x 轴时遇到了麻烦。我的日期范围从 0 到可能数千。希望能够动态设置 x 轴的刻度数据(通过刻度数据,我的意思是 x 轴如何递增.. 我的困惑的一部分我敢肯定,我不知道 vega 的刻度是什么意思, ETC。)。
顺便说一句,我在前端使用 Angular 和 ng-vega 将 vega 的“规范”放到示波器上。
vega - vega-lite:如何动态调整单个图的大小
我正在寻找一种在图表上动态设置大小或在创建单个 vega-lite 图表时设置大小的方法。到目前为止,我已经尝试在spec.config.cell
用于仅设置高度的格子图上设置宽度和高度,还调用对象上的width()
andheight()
方法view
,例如
view.height(200).width(200).render()
我能做的最好的事情是让画布调整大小并裁剪图表,但图表不会重绘到指定的大小。我正在寻找它来padding:'strict'
指定整体大小,而不仅仅是数据矩形的大小。