如何根据 Altair 图表中的选择对值进行排序？

Question

给定一个这样的交互式面积图：

import altair as alt
from vega_datasets import data

source = data.iowa_electricity()
selection = alt.selection(type='multi', fields=['source'], bind='legend')

alt.Chart(source).mark_area().encode(
    x="year:T",
    y="net_generation:Q",
    color="source:N",
    opacity=alt.condition(selection, alt.value(1), alt.value(0.1))
).add_selection(selection)

我想首先对选定的值进行排序，以便它们从底部堆叠起来，并且不会像下面的示例中那样“悬而未决”：

但是，我不知道如何在转换中表达这一点。唯一有效的是transform_filter(selection)，但这会完全删除未选中的值。

这是不可能的还是我错过了什么？

Answer 1

您可以这样做的一种方法是访问calculate transform 中的选择内容，使用vega expression 来查找当前列是否在选择中。此时，您可以将顺序设置为这种编码：

import altair as alt
from vega_datasets import data

source = data.iowa_electricity()
selection = alt.selection(type='multi', fields=['source'], bind='legend')

alt.Chart(source).add_selection(
    selection
).transform_calculate(
    order=f"indexof({selection.name}.source || [], datum.source)",
).mark_area().encode(
    x="year:T",
    y="net_generation:Q",
    color="source:N",
    opacity=alt.condition(selection, alt.value(1), alt.value(0.1)),
    order=alt.Order("order:N", sort='descending'),
).add_selection(selection)