.. This document is auto-generated by the altair-gallery extension. Do not modify directly.

.. _gallery_layered_plot_with_dual_axis:


Layered Plot with Dual-Axis
---------------------------
This example shows how to combine two plots and keep their axes.


.. altair-plot::
    :code-below:

    
    import altair as alt
    from vega_datasets import data

    source = data.seattle_weather()

    base = alt.Chart(source).encode(
        alt.X('month(date):O',
            axis=alt.Axis(format='%b'),
            scale=alt.Scale(zero=False)
        )
    )

    bar = base.mark_bar().encode(
        y='mean(precipitation)'
    )


    line =  base.mark_line(color='red').encode(
        y='mean(temp_max)',
    )

    alt.layer(
        bar,
        line
    ).resolve_scale(
        y='independent'
    )


.. toctree::
   :hidden: