带有xOffset的分组条形图

像 分组柱形图，这个例子展示了一个分组柱形图。 而 分组柱形图 使用了 column 编码通道，这个例子使用了 xOffset 编码通道。 这是从相应的 Vega-Lite 示例中改编而来的： 分组柱形图。

Method syntax

import altair as alt
import pandas as pd

source = pd.DataFrame({
    "Category":list("AAABBBCCC"),
    "Group":list("xyzxyzxyz"),
    "Value":[0.1, 0.6, 0.9, 0.7, 0.2, 1.1, 0.6, 0.1, 0.2]
})

alt.Chart(source).mark_bar().encode(
    x="Category:N",
    y="Value:Q",
    xOffset="Group:N",
    color="Group:N"
)

Attribute syntax

import altair as alt
import pandas as pd

source = pd.DataFrame({"Category":list("AAABBBCCC"),
                     "Group":list("xyzxyzxyz"),
                     "Value":[0.1, 0.6, 0.9, 0.7, 0.2, 1.1, 0.6, 0.1, 0.2]})

alt.Chart(source).mark_bar().encode(
    x="Category:N",
    y="Value:Q",
    xOffset="Group:N",
    color="Group:N"
)