2

我正在使用streamlit构建仪表板,我想将 2 个图表并排显示,使用altair效果很好,该hconcat功能允许我这样做。

import altair as alt

df1 = pd.DataFrame({'metric':list('ab'),
             'value':[8,10]})

df2 = pd.DataFrame({'metric':list('xyz'),
             'value':[5,9,7]})

chart_1 = (alt.Chart(df1).mark_bar().encode(x='metric', y='value'))
chart_2 = (alt.Chart(df2).mark_bar().encode(x='metric', y='value'))

(chart_1 | chart_2)

输出

我希望一个图表在左侧有 Y 轴,而另一个图表在右侧有 Y 轴,但还没有找到解决方案。配置可以在图表级别进行:

chart_2 = (alt.Chart(df2).mark_bar().encode(x='metric', y='value')).configure_axisY(orient='right')

hconcat但是在使用func呈现时会引发异常:

ValueError: Objects with "config" attribute cannot be used within HConcatChart. Consider defining the config attribute in the HConcatChart object instead.

有没有办法做到这一点?

提前致谢

4

1 回答 1

5

config属性只能在图表的顶层定义,因为它本质上是一个适用于最终图表所有组件的主题。

如果要为每个子图设置不同的轴属性,全局配置不是这样做的地方;您可以在每个子图表的轴属性中执行此操作。例如:

chart_1 = alt.Chart(df1).mark_bar().encode(
    x='metric',
    y=alt.Y('value', axis=alt.Axis(orient='left'))
)
chart_2 = alt.Chart(df2).mark_bar().encode(
    x='metric',
    y=alt.Y('value', axis=alt.Axis(orient='right'))
)

(chart_1 | chart_2)

在此处输入图像描述

于 2020-03-22T11:48:20.357 回答