.. note::
    :class: sphx-glr-download-link-note

    Click :ref:`here <sphx_glr_download_examples_bar.py>` to download the full example code
.. rst-class:: sphx-glr-example-title

.. _sphx_glr_examples_bar.py:


Display a bar's height and name on top of it upon hovering
==========================================================

Using an event handler to change the annotation text and position.


.. image:: /examples/images/sphx_glr_bar_001.png
    :class: sphx-glr-single-img





.. code-block:: default


    import string
    import matplotlib.pyplot as plt
    import mplcursors

    fig, ax = plt.subplots()
    ax.bar(range(9), range(1, 10), align="center")
    labels = string.ascii_uppercase[:9]
    ax.set(xticks=range(9), xticklabels=labels, title="Hover over a bar")

    cursor = mplcursors.cursor(hover=True)
    @cursor.connect("add")
    def on_add(sel):
        x, y, width, height = sel.artist[sel.target.index].get_bbox().bounds
        sel.annotation.set(text=f"{x+width/2}: {height}", position=(0, 20))
        sel.annotation.xy = (x + width / 2, y + height)

    plt.show()


.. _sphx_glr_download_examples_bar.py:


.. only :: html

 .. container:: sphx-glr-footer
    :class: sphx-glr-footer-example



  .. container:: sphx-glr-download

     :download:`Download Python source code: bar.py <bar.py>`



  .. container:: sphx-glr-download

     :download:`Download Jupyter notebook: bar.ipynb <bar.ipynb>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.readthedocs.io>`_
