How to properly use `facet` and `resolve_scale` together?

Hi I am trying to use resolve_scale() and facet() in the same chart but either don’t get the scale resolved or keep getting an error saying:

Javascript Error: Unrecognized scale name: "child_layer_0_y"

This usually means there's a typo in your chart specification. See the JavaScript console for the full traceback.

Here is the code:

from vega_datasets import data

cars = data.cars()

chart_base = alt.Chart(cars.sample(20, random_state=42))

chart_mpg = chart_base.encode(
    x='Name:N',
    y=alt.Y('Miles_per_Gallon:Q', scale=alt.Scale(type='linear'))
)

chart_weight = chart_base.transform_filter(
    alt.datum.Weight_in_lbs > 0  
).encode(
    x='Name:N',
    y=alt.Y('Weight_in_lbs:Q', scale=alt.Scale(base=10, type='log')),
    color=alt.value('red')
)

# this errors out
display((chart_mpg.mark_bar() + chart_weight.mark_line()).resolve_scale(y='independent').facet(column='Origin'))

# this works but the scale is not resolved
display((chart_mpg.mark_bar() + chart_weight.mark_line()).facet(column='Origin').resolve_scale(y='independent'))

And here is the working but wrong chart (the scale is not resolved, Miles_per_Gallon ends up on the same scale as Weight_in_lbs):

• May I know how to resolve this issue? Thanks~

[gh-owestesson]

Agree that faceted multi-axis charts would be nice 👍

[blehman]

This thread on facets might be helpful. I used it to solve this related issue w/ facets.