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

vega - 有什么好的方式来询问和回答关于 vega / vega-lite 的问题吗?

通过好的问题和答案,我的意思是:

  • 示例数据
  • 图表定义
  • 可见输出

我将示例从复制vega-embedsnippet中,但它html比我预期的要大一些。

单击运行以查看一个字符,您可以通过编辑上面的代码片段链接对其进行编辑。

0 投票
1 回答
702 浏览

vega-lite - Vega-Lite : 多折线图的特定标记颜色

如何设置存储在数据字段中的线条颜色?在织女我做了:

Vega-Lite 有类似的方法吗?

0 投票
1 回答
379 浏览

javascript - Vega-Lite:数据中的笔触颜色值?

在 Vega 中,可以从数据中获取颜色值,如下所示:Vega 中的示例

有没有办法用 Vega-Lite 做到这一点?Vega-Lite 中的示例

0 投票
1 回答
763 浏览

vega-lite - 如何在具有相同比例的 2 个系列的 vega-lite 中添加辅助 Y 轴?

我正在尝试构建这样的东西: example histogram with multiple Independent series

我有 2 个独立的 y 轴,左右方向。

使用的所有系列/图层"orient":"right"应共享相同的比例,使用的所有系列/图层"orient":"left"应共享相同的比例。

我知道此处记录"resolve"的选项, 但已阅读此如何将辅助 Y 轴添加到我的 vega-lite 图表?还有一堆其他问题,我找不到我的特定用例。

到目前为止,我的徒劳尝试看起来像这样: 在线编辑器 示例截图中的示例

我尝试过使用解决选项:

}

}

}

但它们都不起作用。

0 投票
1 回答
403 浏览

python - 在多折线图中将单个选择置于最前面

我正在使用单个选择器绘制多折线图以突出线条。问题是当我选择一条线而其他线重新着色时,所选线被埋在其他一些线下,而我希望它出现在前面,完全可见。我可以使用alt.value('transparent'),但这只会使所有其他行消失,而是希望它们仍然可见并在背景中。有没有办法使这项工作?

在下面的示例中,我有 10 行,似乎 vega-lite 正在绘制第一行 A,然后在其上方绘制 B 行,直到行 L。因此,如果选中,则只有 DataFrame 中的最后一列 L 行是完全可见的.

预先感谢您的帮助!

这是重现图表的代码:

0 投票
1 回答
274 浏览

vega - 如何创建圆角条形图 vega

我正在使用 vega 库来呈现我的柱形图,我已经浏览了 vega 网站中提供的所有示例,但无法找到如何制作柱形图的圆角柱,

如果有人可以提供帮助,非常感谢 在此处输入图像描述

0 投票
2 回答
673 浏览

python - Altair 中的交互式绘图选择不会突出显示点

我正在尝试在 Altair 中生成 2 个共享相同的地块selection

我想绘制人口(y)与年龄(x)的散点图和条形图。我正在使用 Altair 内置数据集population。人口是people此数据集中列的总和。数据集包含yearpeopleage的列sexsum(people)我可以使用和绘制它来获得总人口yage对于条形图,我可以使用柱类似地绘制sum(people)年龄和颜色。sex

我正在尝试在这两个图之间设置画笔/选择,以便我可以在散点图中突出显示,同时更新条形图以反映该选择。但是,我遇到了以下问题

我正在使用 Altair 文档中的分层条形图示例作为示例。

这是代码

我已经修改了文档示例中的代码。我首先创建一个散点图,然后使用基于selection. 然后我定义了相同 2 列的条形图,并再次使用selection来指定颜色。这是输出

在此处输入图像描述

现在,我想在顶部(散点)图上拖动一个框以选择一些点,同时底部(条形)图表应根据selection. 当我拖入顶部情节以制作我的selection时,会发生这种情况

在此处输入图像描述

问题

  1. 在顶部绘图中拖动以进行选择后,两个绘图中的颜色(选择内部和外部)都更改为lightgrey。我预计,在这两个图中,选择/画笔内部会被突出显示,但外部应该是lightgrey.

如何获得同时在顶部和底部图中突出显示的选择?

编辑

我想要这种行为,其中一个图中的画笔/选择同时在第二个(链接)图中突出显示。

软件包版本:

0 投票
2 回答
4168 浏览

python - Altair 组合多个数据集

我最近才发现Vega/Vega-LiteAltair,并将其视为最佳 Python 绘图工具的真正竞争者。

我目前正在努力解决的问题是将来自两个数据帧的信息绘制到共享一个或两个轴的同一个图表中。

我试过这样的事情:

这行得通,但它很笨重而且不是很好。

我遇到了 LayerChart 对象,但是从文档中我不太清楚如何正确使用它来绘制多个数据集。

  • 有人有这种图表的例子吗?
  • 我需要做什么才能获得双 y 轴?
0 投票
1 回答
1103 浏览

d3.js - 用 Vega 生成 3D 曲面图?

当前的项目要求我们尽可能使用Vega Visualization Grammar,否则回退到 D3.js。3D 表面图不是 Vega 示例库的一部分,但是Vega 文档让我乐观地认为我们可以创建自己的图形表示。有人可以告诉我如何用 Vega 生成 3D 曲面图吗?你有什么教程推荐吗?或者假设我有一个包含 100 个(x,y,z)元组的数据集,甚至可能是一个简短的食谱?

编辑:目标是在点之间具有线性插值的准静态图形,在 R 中,我们可能会像使用线框那样做。

显然,我广泛使用搜索引擎,但看到很多关于天琴座α的天文学研究结果。

0 投票
1 回答
669 浏览

d3.js - 在常见的 x 轴上如何绘制具有不同数据集数组单位的图表(多折线图)

在此处输入图像描述

正如您在上图中看到的,我有两种类型的数据数组,在 y 轴上的一组数据中,我正在进入,degree celsius而在另一组数据中,我正在进入hertz (hz)

而且很可能在运行时我也可以获得一些其他数据集。

主要挑战是:

  1. 必须有一个共同的x轴
  2. 用户可以使用拖放重新排列这些线
  3. 用户可以进行放大和缩小操作以查看隐藏的 y 轴值

我浏览了一些 highcharts 示例,但实际上并没有解决我的要求,如果有人可以建议我,任何其他图表库

我将不胜感激任何建议

非常感谢。