问题标签 [altair]

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

python - 当 x 轴包含重复项时,altair/vega-lite 中的 mark_line 重新排序数据

我注意到,当 x 轴上有重复项,y 轴上有不同的值时,没有考虑提供数据的顺序。最大值与前一点相关,最小值与下一点相关。例如,在创建 CDF(累积分布函数)时,这不是我所期望的。

我尝试提供EncodingSortField索引,但这不起作用。我可以通过删除数据中具有最小值的行来绘制我想要的图表,但是我需要手动添加点。

这是设计使然吗?还是我错过了什么?

下面是一个可重现的例子。

altair图表 reprexpy 包于 2018-11-15 创建

谢谢。

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

python - 如何在 Altair 中设置 Axis FontSize?

我想在下面的 Altair 图中将 X 轴(或 Y 轴)字体大小增加到 16(或任何值)。我在这里的 Altair 文档中找不到任何示例:https ://altair-viz.github.io/index.html 。我正在使用 Jupyter Lab 进行可视化。直观地 alt.Axis 应该采用 FontSize 参数

0 投票
1 回答
318 浏览

vega - 如何在 altair 中链接两个条形图?

我在进行相当简单的交互时遇到了麻烦,因为我不太了解 altair 的语言。

假设我有一个包含州、县和人口的数据框。

我想创建一个显示州及其人口的条形图和另一个显示县及其人口的条形图。

单击一个州会在下一个条形图中填充县名及其人口。在第一个图表中单击远离任何州会再次清空县图表。

简单的主/细节或上下文/焦点对图表。

另外,我也不清楚如何调试它。有没有办法将选定的状态打印到控制台?

这是我从维基百科中提取的一些数据(无法共享实际工作数据): State,County,Land Area California,Los Angeles, 10510 Illinois,Cook, 2448 Texas,Harris, 4412 Arizona,Maricopa, 23828 California,San Diego, 10895 California,Orange, 2048 Florida,Miami-Dade, 4915 New York,Kings, 183 Texas,Dallas, 2257 New York,Queens, 281 California,Riverside, 18665 California,San Bernardino, 51947

当我单击第一个图表中代表加利福尼亚的条形图时,第二个图表应填充洛杉矶、圣地亚哥、奥兰治、里弗赛德和圣贝纳迪诺。当我在第一个图表中单击纽约时,第二个图表应该填充国王和皇后。

0 投票
1 回答
8900 浏览

altair - Altair中mark_text的格式文本

我正在尝试按照Multi-Line Tooltip 示例的线条创建一个图表,但我想格式化正在打印的字符串以在末尾添加一些文本。我正在尝试修改这部分:

具体来说,我想要的不是'y:Q',而是'y:Q'+“后缀”。我试过做这样的事情:

或者,我尝试过:

我想我明白为什么这些不起作用,但我不知道如何截取 y 的值并通过格式字符串传递它。谢谢!

0 投票
2 回答
1627 浏览

python - 如何使用 Altair 创建嵌套的分组条形图?- 添加了样本数据

我有一个独特的情况。在我的数据中,我有一年,每年我有 5 个类别,它是相应的计数。我能够为相应年份创建这 5 个类别的堆叠条形图。但是,我想在我的 x 轴上显示每年 5 个相邻的条形图。对于 y 轴,它应该显示每个条的相应总数。

这是我当前的可视化和代码:

在此处输入图像描述

我的问题是,如何在我的 x 轴上为每年创建 5 个相邻的条而不是堆叠条?

提前感谢您的帮助。

0 投票
1 回答
1792 浏览

python - How to add a 2nd Y-axis on a grouped bar chart using Altair? and sort the bar using value of one of the column from the data

I'm trying to add a 3rd axis or 2nd Y-axis to the group chart. I'm not sure if it is possible. Ideally, I want to - 1) add a line to this chart, which represents the "percentage of Arrest" made for the given year and a crime type. 2) sort the bars with each group using a value of column "rank" from the data.

Here is my code and the current visualization. Your valuable feedback is much appreciated. Thank you.

enter image description here

Sample Data -

0 投票
1 回答
1374 浏览

python - 如何在 altair 中创建集群条形图

我正在尝试为每个月绘制一个简单的 Activity1 和 Activity2 聚集条形图,它们彼此相邻。我无法让它工作。分组条形图是我能找到的最接近的示例,但仍不符合我的要求。我尝试使用带有融化的长格式,但仍然无法生成聚集条形图。如果有人可以帮助我弄清楚如何使用 altair 创建它,我将不胜感激。

0 投票
1 回答
937 浏览

python - 如何从时间序列图中排除某些日期(例如周末)?

在下面的示例中,我想排除周末并绘制Y为一条直线,并为主要刻度标签指定一些自定义频率,因为它们将是一个“破碎”的时间序列(例如,每周一,la matplotlib's set_major_locator)。

我将如何在 Altair 中做到这一点?

在此处输入图像描述

0 投票
1 回答
598 浏览

python - Altair 和 GeoJSON 文件

我使用这个网站作为指南:

https://www.districtdatalabs.com/altair-choropleth-viz/

然而,伦敦自治市使用略有不同的数据:

https://data.london.gov.uk/dataset/statistical-gis-boundary-files-london

特别是这个形状文件:/ESRI/London_Borough_Excluding_MHW.shp

但是,当我尝试获取基础层时,我得到了一个非常奇怪的输出:

奇怪的基础层

当我使用教程中使用的数据时,我得到的数据与教程完全相同。那么它是伦敦自治市镇形状文件中的东西吗?

到目前为止我的代码: