
:orphan:
:html_theme.sidebar_secondary.remove:

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

.. _gallery_stacked_bar_chart_sorted_segments:


Stacked Bar Chart with Sorted Segments
--------------------------------------
This is an example of a stacked-bar chart with the segments of each bar resorted.


.. altair-plot::
    :remove-code:
    


    import altair as alt
    from altair.datasets import data

    source = data.barley()

    alt.Chart(source).mark_bar().encode(
        x='sum(yield)',
        y='variety',
        color='site',
        order=alt.Order(
          # Sort the segments of the bars by this field
          'site',
          sort='ascending'
        )
    )


.. tab-set::

    .. tab-item:: Method syntax
        :sync: method

        .. code:: python


            import altair as alt
            from altair.datasets import data

            source = data.barley()

            alt.Chart(source).mark_bar().encode(
                x='sum(yield)',
                y='variety',
                color='site',
                order=alt.Order(
                  # Sort the segments of the bars by this field
                  'site',
                  sort='ascending'
                )
            )


    .. tab-item:: Attribute syntax
        :sync: attribute

        .. code:: python


            import altair as alt
            from altair.datasets import data

            source = data.barley()

            alt.Chart(source).mark_bar().encode(
                x='sum(yield)',
                y='variety',
                color='site',
                order=alt.Order(
                  # Sort the segments of the bars by this field
                  'site',
                  sort='ascending'
                )
            )
