Altair-将y轴与其他图表的x轴链接

如何解决Altair-将y轴与其他图表的x轴链接

我需要在视觉上比较两个信号，我正在使用altair绘制一些交互式图表，如下例所示。

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

np.random.seed(42)

df_comparison = pd.DataFrame({'x1': np.arange(20),'x2': np.arange(20)}) #just for example purposes,actual data will be more interesting
df_signal_1 = pd.DataFrame({'x1': np.arange(20),'data_1': np.random.random(20)})
df_signal_2 = pd.DataFrame({'x2': np.arange(20),'data_2': np.random.random(20)})

comparison = alt.Chart(df_comparison,title='Comparison').mark_point(filled=True).encode(
    alt.X('x1'),alt.Y('x2')
).interactive()

signal_1 = alt.Chart(df_signal_1,title='Signal 1').mark_line().encode(
    alt.X('x1'),alt.Y('data_1'),)

signal_2 = alt.Chart(df_signal_2,title='Signal 2').mark_line().encode(
    alt.X('x2'),alt.Y('data_2'),)

(signal_1 & (comparison | signal_2).resolve_scale(x='shared')).resolve_scale(x='shared')

getComputedStyle

通过缩放“比较”图，您可以看到其“ x1”轴链接到信号1的“ x1”轴。但是，它也链接到信号2的“ x2”轴，这不好。如何在不中断“ x1”轴之间的链接的情况下链接比较图和信号2图的“ x2”轴？

解决方法

您可以通过手动创建交互，然后将域链接到所选内容的编码来实现。像这样的东西：

x12_zoom = alt.selection_interval(encodings=['x','y'],bind='scales')

comparison = alt.Chart(df_comparison,title='Comparison').mark_point(filled=True).encode(
    alt.X('x1'),alt.Y('x2'),).add_selection(x12_zoom)

signal_1 = alt.Chart(df_signal_1,title='Signal 1').mark_line().encode(
    alt.X('x1',scale=alt.Scale(domain={'selection': x12_zoom.name,'encoding': 'x'})),alt.Y('data_1'),)

signal_2 = alt.Chart(df_signal_2,title='Signal 2').mark_line().encode(
    alt.X('x2','encoding': 'y'})),alt.Y('data_2'),)

(signal_1 & (comparison | signal_2))