使用 Altair mark_text 在堆叠条形图中堆叠文本

Question

我正在尝试使用mark_text在堆叠条形图中创建堆叠文本。 我想 label 每个栏的值为“时间”。 堆叠面积图的对应堆叠是否可以有文字标记？ 这是我创建条形图和文本图的方法：

bar = alt.Chart(df_pivot, title = {'text' :'How do people spend their time?', 'subtitle' : 'Average of minutes per day from time-use diaries for people between 15 and 64'}).mark_bar().transform_calculate(
    filtered="datum.Category == 'Paid work'"
).transform_joinaggregate(sort_val="sum(filtered)", groupby=["Country"]
).encode(
    x=alt.X('Time', stack='zero'),
    y=alt.Y('Country', sort=alt.SortField('sort_val', order='descending')),
    color=alt.Color('Category:N', sort=CatOrder),
    order=alt.Order('color_Category_sort_index:Q'),
    tooltip=['Country', 'Category', 'Time']
).interactive()
bar

text = alt.Chart(df_pivot).mark_text(align='center', baseline='middle', color='black').transform_calculate(
    filtered="datum.Category == 'Paid work'"
).transform_joinaggregate(sort_val="sum(filtered)", groupby=["Country"]
).encode(
    x=alt.X('Time:Q', stack='zero'),
    y=alt.Y('Country', sort=alt.SortField('sort_val', order='descending')),
    detail='Category:N',
    text=alt.Text('Time:Q', format='.0f')
)
bar + text

问题：

• 文本不在正确的堆栈中 & 文本的顺序也是错误的。
• Y 排序已重置，它们不再按预期排序。

并不是我不明白为什么我有这些问题。 我是这个平台的新手，源代码来自我的笔记本： https://www.kaggle.com/interphuoc0101/times-use 。 非常感谢。

Answer 1

您的条形图指定堆叠顺序：

order=alt.Order('color_Category_sort_index:Q'),

您应该向文本层添加匹配的order编码，以确保文本以相同的顺序显示。

Answer 2

以下是如何在两个图表中使用order的示例：

import altair as alt
from vega_datasets import data

source=data.barley()

bars = alt.Chart(source).mark_bar().encode(
    x=alt.X('sum(yield):Q', stack='zero'),
    y=alt.Y('variety:N'),
    color=alt.Color('site'),
    order=alt.Order('color_Category_sort_index:Q'),
)

text = alt.Chart(source).mark_text(dx=-15, dy=3, color='white').encode(
    x=alt.X('sum(yield):Q', stack='zero'),
    y=alt.Y('variety:N'),
    detail='site:N',
    text=alt.Text('sum(yield):Q', format='.1f'),
    order=alt.Order('color_Category_sort_index:Q')
)

bars + text