使用`hconcat`时,有没有一种方法可以对齐图表标题?

新手

当使用并排显示两个条形图(一个水平图,一个垂直图)时alt.hconcat,即使图表的高度相等,标题也未对齐。有没有办法对齐标题?

# Makes test dataframe
test = pd.DataFrame({"group":["a","b","c"],"value1":[4,5,6], "value2":[10,12,14]}).reset_index()

# Sets up vertical bar chart
chart1 = alt.Chart(test).mark_bar().encode(
    x = alt.X('group:N'),
    y = alt.Y('value1:Q')
).properties(height = 300, width = 300, title = "Testing Title 1")

# Sets up horizontal bar chart
chart2 = alt.Chart(test).mark_bar().encode(
    x = alt.X('value2:Q'),
    y = alt.Y('group:N')
).properties(height = 300, width = 300, title = "Testing Title 2")

# Shows bar charts side by side
alt.hconcat(chart1, chart2)

图表标题未对齐。(无法发布图片,因为我显然需要10个信誉点才能发布图片)

黄el

看来,此行为是由于自动避开了顶部刻度线及其从最左侧图表的y轴开始的标签“ 6”。Altair / Vega lite可能会自动将标题偏移量调整为图表中的最高元素,并且由于刻度线及其标签位于轴线上方,因此标题将相对于最右侧刻度线及其标签“ a”的最右轴垂直偏移”位于轴线的末端下方。

通过隐藏刻度线标签,您可以看到这确实是问题所在。

您问题的当前外观(添加红线用于比较): 在此处输入图片说明

删除刻度标签后: 在此处输入图片说明

不太对齐,隐藏刻度线也会使其完全对齐。

删除刻度线及其标签后: 在此处输入图片说明

要解决此问题,您可以手动将两个标题的偏移量设置为相同。不幸的是,.configure_title(offset=0)在布局上同时设置两个标题不起作用,因为这会为自动闪避所使用的值增加偏移量。

相反,我相信您必须alt.TitleParams(offset=0)为最左边的图设置偏移量,或者为最右边的图设置一个值,以使其与最左边的图相同的高度。在这种情况下,“ 9”似乎是神奇的数字

对于title = alt.TitleParams("Testing Title 2", offset=9)最右边的情节: 在此处输入图片说明

这可能是Vegalite(而不是Altair)的问题/特征,因此深入研究问题跟踪器或发布新问题以要求默认情况下对齐它们可能会有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有一种方法可以对类中的所有成员使用`std :: optional`

来自分类Dev

有没有一种方法可以对宏进行计数?

来自分类Dev

有没有一种方法可以对子数组的张量进行排序?

来自分类Dev

有没有一种方法可以对拆分的数组进行排序?

来自分类Dev

有没有一种方法可以对行的值求和?

来自分类Dev

有没有一种方法可以对Pascal中的多个按钮使用一个过程?

来自分类Dev

有没有一种方法可以对setter方法和class属性使用相同的名称?

来自分类Dev

有没有一种方法可以对动态创建的目标使用using语句?

来自分类Dev

有没有一种方法可以对Go项目中的导入使用可重用的路径?

来自分类Dev

有没有一种方法可以将Flot图表导出为pdf?

来自分类Dev

有没有一种方法可以自动对齐函数参数?

来自分类Dev

有没有一种方法可以编辑“表单控制”按钮上的标题?

来自分类Dev

有没有一种方法可以对现有数据启用_source?

来自分类Dev

有没有一种方法可以对列中具有共同值的数据求平均?

来自分类Dev

有没有一种方法可以对列的一部分进行分组?

来自分类Dev

有没有一种方法可以对多个对象进行一次锤击事件?

来自分类Dev

有没有一种方法可以对坐标进行排序,以便在绘制数据时可以形成封闭的形状?

来自分类Dev

有没有一种方法可以覆盖CSS规则以对其进行否定?

来自分类Dev

有没有一种方法可以对SciPy的随机变量进行算术运算?

来自分类Dev

有没有一种方法可以对茉莉花测试进行分类并管理排除

来自分类Dev

有没有一种方法可以对扩展youtubebaseactivity的活动实施操作栏

来自分类Dev

有没有一种方法可以对大熊猫的病情进行计数和重新计数?

来自分类Dev

有没有一种方法可以对数组中的各个组件执行numpy.mean?

来自分类Dev

有没有一种方法可以对每个项目进行NuGet软件包源设置?

来自分类Dev

有没有一种方法可以对列表中的颜色元素进行排序(C#)?

来自分类Dev

f#中有没有一种方法可以对列表执行交叉操作?

来自分类Dev

TypeScript:有没有一种方法可以对Object.values返回的数组进行const断言?

来自分类Dev

有没有一种方法可以对jsonb对象中的值列表应用条件?

来自分类Dev

空手道:有没有一种方法可以对示例应用函数:变量?

Related 相关文章

  1. 1

    有没有一种方法可以对类中的所有成员使用`std :: optional`

  2. 2

    有没有一种方法可以对宏进行计数?

  3. 3

    有没有一种方法可以对子数组的张量进行排序?

  4. 4

    有没有一种方法可以对拆分的数组进行排序?

  5. 5

    有没有一种方法可以对行的值求和?

  6. 6

    有没有一种方法可以对Pascal中的多个按钮使用一个过程?

  7. 7

    有没有一种方法可以对setter方法和class属性使用相同的名称?

  8. 8

    有没有一种方法可以对动态创建的目标使用using语句?

  9. 9

    有没有一种方法可以对Go项目中的导入使用可重用的路径?

  10. 10

    有没有一种方法可以将Flot图表导出为pdf?

  11. 11

    有没有一种方法可以自动对齐函数参数?

  12. 12

    有没有一种方法可以编辑“表单控制”按钮上的标题?

  13. 13

    有没有一种方法可以对现有数据启用_source?

  14. 14

    有没有一种方法可以对列中具有共同值的数据求平均?

  15. 15

    有没有一种方法可以对列的一部分进行分组?

  16. 16

    有没有一种方法可以对多个对象进行一次锤击事件?

  17. 17

    有没有一种方法可以对坐标进行排序,以便在绘制数据时可以形成封闭的形状?

  18. 18

    有没有一种方法可以覆盖CSS规则以对其进行否定?

  19. 19

    有没有一种方法可以对SciPy的随机变量进行算术运算?

  20. 20

    有没有一种方法可以对茉莉花测试进行分类并管理排除

  21. 21

    有没有一种方法可以对扩展youtubebaseactivity的活动实施操作栏

  22. 22

    有没有一种方法可以对大熊猫的病情进行计数和重新计数?

  23. 23

    有没有一种方法可以对数组中的各个组件执行numpy.mean?

  24. 24

    有没有一种方法可以对每个项目进行NuGet软件包源设置?

  25. 25

    有没有一种方法可以对列表中的颜色元素进行排序(C#)?

  26. 26

    f#中有没有一种方法可以对列表执行交叉操作?

  27. 27

    TypeScript:有没有一种方法可以对Object.values返回的数组进行const断言?

  28. 28

    有没有一种方法可以对jsonb对象中的值列表应用条件?

  29. 29

    空手道:有没有一种方法可以对示例应用函数:变量?

热门标签

归档