如何将第二个 y 轴添加到条形图？牵牛星

Question

我有一个数据框：

  EMOJI   PERCENT_TEXT    PERCENT     combined
0           23.1%        23.1        23.1%
1           5.7%          5.7        5.7% 
2           3.5%          3.5        3.5%
3           3.0%          3.0        3.0%
4           2.5%          2.5        2.5%
5            2.4%          2.4          2.4%

我的代码如下：

bars = alt.Chart(percentages_df).mark_bar(color='orange').encode(
    alt.X('PERCENT:Q',axis=None),
    alt.Y('combined:N', sort='-x', title=None)
).configure_view(strokeOpacity=0).configure_axis(
    # remove axis line
    grid=False, domain=False,ticks=False
)

但是我创建的图表不是我所期望的。

我想用 Altair 创建一个带有两个 y 轴标签的条形图，如下所示：

我应该使用层来生成这个图表吗？如果是这样，如何生成两个 y 轴标签的图层？如果没有，我应该用什么来生成它？谢谢！

Answer 1

我不知道有什么简单的方法可以创建两组不同的轴标签，但您可以通过调整轴标签属性大致完成所需的对齐。

我还更改了图表以使用转换创建组合标签：

import pandas as pd
import altair as alt

percentages_df = pd.DataFrame({
  'EMOJI': ['', '', '', '', '', ''],
  'PERCENT': [23.1, 5.7, 3.5, 3.0, 2.5, 2.4]
})

alt.Chart(percentages_df).transform_calculate(
    combined = alt.datum.EMOJI + '    ' + alt.datum.PERCENT + '%'
).mark_bar(color='orange').encode(
    alt.X('PERCENT:Q',axis=None),
    alt.Y('combined:N', sort='-x', title=None,
          axis=alt.Axis(labelAlign='left', labelPadding=6))
).configure_view(strokeOpacity=0).configure_axis(
    # remove axis line
    grid=False, domain=False,ticks=False
)

另一种选择是连接两个图表，其中一个没有 x 编码：

import pandas as pd
import altair as alt

percentages_df = pd.DataFrame({
  'EMOJI': ['', '', '', '', '', ''],
  'PERCENT': [23.1, 5.7, 3.5, 3.0, 2.5, 2.4]
})

right = alt.Chart(percentages_df).mark_bar(color='orange').encode(
    alt.X('PERCENT:Q',axis=None),
    alt.Y('PERCENT:N', sort='-x', title=None)
)

left = alt.Chart(percentages_df).mark_text().encode(
    alt.Y('EMOJI:N', sort=alt.EncodingSortField('PERCENT', order="descending"), title=None)
)

alt.hconcat(
    left, right
).configure_view(strokeOpacity=0).configure_axis(
    # remove axis line
    grid=False, domain=False,ticks=False
)

Answer 2

您也可以通过 rjust 尝试用空格填充用于标记的字符串。为此，您必须使用等宽字体，以便所有字符都等于：

# With your df above
df['LABEL'] = df['EMOJI'] + df['PERCENT_TEXT'].str.rjust(8)

alt.Chart(df).mark_bar(color='orange').encode(
    alt.X('PERCENT:Q',axis=None),
    alt.Y('LABEL:N', sort='-x', title=None, axis=alt.Axis(labelFont='Droid Sans Mono'))
).configure_view(strokeOpacity=0).configure_axis(
    grid=False, domain=False,ticks=False
)

如何将第二个 y 轴添加到条形图？牵牛星

How to add second y-axis to the bar chart? Altair

python

python-3.x

altair