1

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

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

预先感谢您的帮助！

这是重现图表的代码：

import pandas as pd
import numpy as np
import altair as alt

#Dataframe creation
df = pd.DataFrame(np.random.rand(15,10)+10, 
                  index=np.arange(2001,2016),
                  columns=list('ABCDEFGHIL'))
df = df.reset_index()
df = df.melt(id_vars='index')

#chart creation
selection = alt.selection(type='single', fields=['variable'])
color = alt.condition(selection,
                  alt.Color('variable:N', legend=None),
                  alt.value('lightblue'))

line = alt.Chart(df).mark_line().encode(
    y = 'value',
    x = 'index:O',
    color = color,
    tooltip = 'variable:N'
).add_selection(
    selection
).properties(
    width=400
)

legend = alt.Chart(df).mark_point().encode(
    x='variable:N',
    color=color
).add_selection(
    selection
).properties(
    width=400
)

line & legend
4

1 回答 1

2

您不能使用选择来更改线条的 z 顺序，但您可以使用分层技巧通过创建另一层线条来获得相同的效果，该线条从第一个选择开始过滤。

import numpy as np
import pandas as pd
import altair as alt

#Dataframe creation
df = pd.DataFrame(np.random.rand(15,10)+10, 
                  index=np.arange(2001,2016),
                  columns=list('ABCDEFGHIL'))
df = df.reset_index()
df = df.melt(id_vars='index')

#chart creation
selection = alt.selection(type='single', fields=['variable'])
color = alt.condition(selection,
                  alt.Color('variable:N', legend=None),
                  alt.value('lightblue'))

line = alt.Chart(df).mark_line().encode(
    y = 'value',
    x = 'index:O',
    color = alt.value('lightblue'),
    detail = 'variable:N',
    tooltip = 'variable:N'
).add_selection(
    selection
).properties(
    width=400
)

# layer that accomplishes the highlighting
line_highlight = alt.Chart(df).mark_line().encode(
    y = 'value',
    x = 'index:O',
    color = 'variable:N',
).transform_filter(
    selection
).properties(
    width=400
)

legend = alt.Chart(df).mark_point().encode(
    x='variable:N',
    color=color
).add_selection(
    selection
).properties(
    width=400
)

(line + line_highlight) & legend
于 2018-08-28T16:43:08.837 回答