问题标签 [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.
vega - 有什么好的方式来询问和回答关于 vega / vega-lite 的问题吗?
通过好的问题和答案,我的意思是:
- 示例数据
- 图表定义
- 可见输出
我将示例从复制vega-embed
到snippet
中,但它html
比我预期的要大一些。
单击运行以查看一个字符,您可以通过编辑上面的代码片段链接对其进行编辑。
vega-lite - Vega-Lite : 多折线图的特定标记颜色
如何设置存储在数据字段中的线条颜色?在织女我做了:
Vega-Lite 有类似的方法吗?
javascript - Vega-Lite:数据中的笔触颜色值?
在 Vega 中,可以从数据中获取颜色值,如下所示:Vega 中的示例
有没有办法用 Vega-Lite 做到这一点?Vega-Lite 中的示例
vega-lite - 如何在具有相同比例的 2 个系列的 vega-lite 中添加辅助 Y 轴?
我正在尝试构建这样的东西: example histogram with multiple Independent series
我有 2 个独立的 y 轴,左右方向。
使用的所有系列/图层"orient":"right"
应共享相同的比例,使用的所有系列/图层"orient":"left"
应共享相同的比例。
我知道此处记录"resolve"
的选项, 但已阅读此如何将辅助 Y 轴添加到我的 vega-lite 图表?还有一堆其他问题,我找不到我的特定用例。
到目前为止,我的徒劳尝试看起来像这样: 在线编辑器 示例截图中的示例
我尝试过使用解决选项:
}
}
}
但它们都不起作用。
python - 在多折线图中将单个选择置于最前面
我正在使用单个选择器绘制多折线图以突出线条。问题是当我选择一条线而其他线重新着色时,所选线被埋在其他一些线下,而我希望它出现在前面,完全可见。我可以使用alt.value('transparent')
,但这只会使所有其他行消失,而是希望它们仍然可见并在背景中。有没有办法使这项工作?
在下面的示例中,我有 10 行,似乎 vega-lite 正在绘制第一行 A,然后在其上方绘制 B 行,直到行 L。因此,如果选中,则只有 DataFrame 中的最后一列 L 行是完全可见的.
预先感谢您的帮助!
这是重现图表的代码:
python - Altair 中的交互式绘图选择不会突出显示点
我正在尝试在 Altair 中生成 2 个共享相同的地块selection
。
我想绘制人口(y)与年龄(x)的散点图和条形图。我正在使用 Altair 内置数据集population
。人口是people
此数据集中列的总和。数据集包含year
、people
和age
的列sex
。sum(people)
我可以使用和绘制它来获得总人口y
。age
对于条形图,我可以使用柱类似地绘制sum(people)
年龄和颜色。sex
我正在尝试在这两个图之间设置画笔/选择,以便我可以在散点图中突出显示,同时更新条形图以反映该选择。但是,我遇到了以下问题
我正在使用 Altair 文档中的分层条形图示例作为示例。
这是代码
我已经修改了文档示例中的代码。我首先创建一个散点图,然后使用基于selection
. 然后我定义了相同 2 列的条形图,并再次使用selection
来指定颜色。这是输出
现在,我想在顶部(散点)图上拖动一个框以选择一些点,同时底部(条形)图表应根据selection
. 当我拖入顶部情节以制作我的selection
时,会发生这种情况
问题
- 在顶部绘图中拖动以进行选择后,两个绘图中的颜色(选择内部和外部)都更改为
lightgrey
。我预计,在这两个图中,选择/画笔内部会被突出显示,但外部应该是lightgrey
.
如何获得同时在顶部和底部图中突出显示的选择?
编辑
我想要这种行为,其中一个图中的画笔/选择同时在第二个(链接)图中突出显示。
软件包版本:
python - Altair 组合多个数据集
我最近才发现Vega/Vega-Lite和Altair,并将其视为最佳 Python 绘图工具的真正竞争者。
我目前正在努力解决的问题是将来自两个数据帧的信息绘制到共享一个或两个轴的同一个图表中。
我试过这样的事情:
这行得通,但它很笨重而且不是很好。
我遇到了 LayerChart 对象,但是从文档中我不太清楚如何正确使用它来绘制多个数据集。
- 有人有这种图表的例子吗?
- 我需要做什么才能获得双 y 轴?
d3.js - 用 Vega 生成 3D 曲面图?
当前的项目要求我们尽可能使用Vega Visualization Grammar,否则回退到 D3.js。3D 表面图不是 Vega 示例库的一部分,但是Vega 文档让我乐观地认为我们可以创建自己的图形表示。有人可以告诉我如何用 Vega 生成 3D 曲面图吗?你有什么教程推荐吗?或者假设我有一个包含 100 个(x,y,z)
元组的数据集,甚至可能是一个简短的食谱?
编辑:目标是在点之间具有线性插值的准静态图形,在 R 中,我们可能会像使用线框那样做。
显然,我广泛使用搜索引擎,但看到很多关于天琴座α的天文学研究结果。