首页 > 解决方案 > Altair 中的旋转列标题偏移不均匀

问题描述

刚开始学习 Altair。我有一个简单的分组条形图,我在其中尝试旋转标题。没有旋转我看不到任何问题但是当我旋转它时有一个偏移量我找不到任何解决方案来减少 -
代码-

import altair as alt
import pandas as pd
dummy = pd.DataFrame({'place':['Asia', 'Antarctica','Asia', 'Antarctica'],'category':['a','a', 'b', 'b'],'value':[1,2,3,4]})
alt.Chart(dummy).mark_bar().encode(
    x='category',
    y='value',
    column=alt.Column('place:N', header=alt.Header(labelAngle=-90)),
    color='category',
)

图表中的偏移量(注意与南极洲和亚洲黑白图的差距差异)-没有旋转-预期输出- 旋转但没有大的差距。
在此处输入图像描述

在此处输入图像描述

标签: python-3.xplotdata-visualizationaltair

解决方案


这是 vega 渲染器中的一个已知错误;有关变体和核心问题的链接,请参见https://github.com/altair-viz/altair/issues/1878

在这种情况下,解决方法是设置labelAlign='right'

import altair as alt
import pandas as pd
dummy = pd.DataFrame({'place':['Asia', 'Antarctica','Asia', 'Antarctica'],'category':['a','a', 'b', 'b'],'value':[1,2,3,4]})
alt.Chart(dummy).mark_bar().encode(
    x='category',
    y='value',
    column=alt.Column('place:N', header=alt.Header(labelAngle=-90, labelAlign='right')),
    color='category',
)

在此处输入图像描述


推荐阅读