问题标签 [vega-lite]

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 回答
578 浏览

javascript - 在 altair 绘图点击上运行 javascript

我可以生成由多个链接子图组成的 altair 图,如著名的汽车数据可视化所示:https ://altair-viz.github.io/gallery/selection_histogram.html

一个子图中的点击/选择可以对其他子图产生影响,主要是通过过滤数据。

但是,我自己没有情节,但它嵌入了更大的门户网站(想想汽车经销商页面)。所以我的门户是由 Flask 服务页面驱动的,这些页面嵌入了 altair 图。可以在此处看到一个示例:https ://github.com/lemoncyb/flasked-altair

从功能上讲,我想在情节中单击一辆车,然后在情节范围之外显示关于这辆车的一些信息(例如导航到门户中的另一个页面)。

从技术上讲,我想在点击/选择时运行自定义 Javascript 代码。

这怎么可能?如何围绕 altair 地块构建更大的站点/应用程序,需要地块与站点的其余部分之间进行交互?

0 投票
1 回答
1203 浏览

vega-lite - 如何使用 vega-lite 放大地图?

我正在使用 vega-lite 将一些数据渲染到地图上。目前,我有这个模式,它呈现附加的图像:

此架构的渲染视图

现在这看起来整体不错!我很满意!但我真的很希望能够提供放大到数据最密集区域的渲染图像,特别是欧洲和美国大陆。我已经尝试了 vega 和 vega-lite 文档中指定的所有我能想到的东西,但无济于事(我尝试的所有属性都很奇怪——比如在一个像素上渲染所有圆圈或只是裁剪地图。)

我真正想要的只是一种说“向我展示 lat°long° 和 lat°long° 之间的数据+地图的视图”的方式,但没有什么是为此目的而设计的。我怎样才能做到这一点?

0 投票
1 回答
770 浏览

reactjs - react-vega 和 react-vega 工具提示

我正在使用react-vega-lite.

在官方示例中:

https://vega.github.io/vega-lite/

https://vega.github.io/react-vega-lite/

https://vega.github.io/react-vega/

vega-lite(没有反应)默认情况下有一个工具提示 react-vega允许处理 onSignalTooltip 事件。

react-vega所以,我有 2 个问题: 1) 是否可以使用( )打开工具提示react-vega-lite?2)react-vega-lite支持onSignalTooltip还是我需要切换到 Vega?

0 投票
1 回答
375 浏览

lucene - 如何在 Kibana 中可视化对象数组?

我有一些以下格式的文件。

文件1:

文件2:

我想以如下图的方式可视化这些聚合的数据(抱歉没有上传图片)

我试过了

但该总和跨文档计数并显示在图表下方

请让我知道如何实现这一目标。

谢谢!

0 投票
1 回答
767 浏览

vega - Vega Lite 独立音阶,具有多层和多面

是否可以为每个方面和每个层设置独立的比例?当您有一个方面或一个额外的层时,解决方案非常有用,但我无法同时做到这两个,想知道它是否可能。

我想要的是: 每边的两个秤

这里的刻面混合

0 投票
1 回答
123 浏览

plot - 断开点以在 Vega-lite / Vega 中绘制叠加层

这里是 vega-editor 中的一个例子

我不希望 dateTime 5 和 dateTime 7 连接,因为它们不是连续的。想法是根据某些条件在叠加层上绘图,并且仅在计数> = 5时连接。

有没有人试过这个?

0 投票
2 回答
337 浏览

data-visualization - 带有选择的交互式 vega-lite / vega 图表

我正在尝试构建一个交互式 vega-lite 仪表板,其中我有这个世界地图vega 编辑器链接

根据选择的国家/地区,我尝试在下面显示另一个图表(vconcat 或外部)

是否可以在不使用 vconcat 的情况下在此图表之外执行此操作,或者我只能通过 vconcat 执行此操作?

有没有人尝试过类似的东西?

0 投票
1 回答
220 浏览

vega-lite - vega-lite 条形图堆积的彩色值

鉴于此数据,需要为 min.avg 和 max 绘制每个条形图 3 种颜色的堆叠条形图。目前我找不到任何解决方案,因为这已经是来自弹性的聚合,我看到的堆叠条形图的所有示例都使用字段值的色标,但我需要 3 个字段相同。

这个源数据有可能吗?

0 投票
1 回答
688 浏览

vega-lite - 是否可以创建与 Altair/Vega-Lite 中的选择过滤器一起使用的自定义聚合?

几天以来,我一直在探索 Altair 以创建交互式图表。我正在尝试创建一个包含两层的图表,两者都显示随着时间的推移累积的股票收益。刷过一个图表应该在另一个图表中提供放大视图,累积回报从 0 开始实时更新。

在 pandas 中,您可以在可见时间段内按如下方式计算:

我不知道如何以及是否可以用 altair 做到这一点。

我已经看到有两种可能的转换:

  1. 在编码通道内
  2. 使用顶级转换(例如,transform_aggregate 和 transform_calculate)

我过去曾成功使用 1(例如,用于创建两个图表,其中一个用作另一个的缩放选择),我无法使 2 工作。

举一个具体的简单例子,我在下面垂直连接两个图表。底部的选择应显示第一个选择的运行总和。

这是我目前的尝试这样做会产生我不完全理解的行为(从左到右刷似乎做我想要的,从右到左刷会导致向下倾斜的运行总和,取消选择会产生奇怪的结果).. .

这是编辑器中相应的 vega-lite 规范

0 投票
1 回答
342 浏览

dashboard - 从这个 vega / vega-lite 世界地图中删除南极洲

我正试图从这张 Vega-lite 世界地图中删除南极洲。此处vega-editor 中的示例。想知道如何获取国家或大陆的特定数据