Grouped bar charts with grid

I’m trying to produce a grouped bar chart, with horizontal grid lines turned on. Starting from the grouped bar chart example in the altair tutorials, I turned on the grid on the Y axis, as follows:

Chart(population, transform=t).mark_bar().encode(
    X('gender:N', axis=False, scale=Scale(bandSize=6)),
    Y('sum(people):Q', axis=Axis(grid=True)),
    Color('gender:N', scale=Scale(range=["#FF9800", "#03A9F4"])),
    Column('age:O', axis=Axis(orient='bottom'))
).configure(
    facet=FacetConfig(cell=CellConfig(strokeWidth=0, height=250))
)

However, this causes the grid lines to be interrupted between groups. How can we make the grid lines go across group columns?

Thanks,

–nico

[jakevdp]

Use the spacing argument to configure_facet; see https://altair-viz.github.io/gallery/us_population_over_time.html

[jakevdp]

You can set the padding attribute within the scale; for example:

from altair import *
population = load_dataset('population')

Chart(population).mark_bar().encode(
    X('sex:N', axis=False, scale=Scale(bandSize=6)),
    Y('sum(people):Q', axis=Axis(grid=True)),
    Color('sex:N', scale=Scale(range=["#FF9800", "#03A9F4"])),
    Column('age:O', axis=Axis(orient='bottom'), scale=Scale(padding=0))
).configure_facet_cell(
    strokeWidth=0, height=250
)

The result looks a bit different than yours because I didn’t apply any transform.