tools_hover_custom_tooltip.py — Anaconda Enterprise 4.4 documentation

Anaconda Enterprise: Documentation

# tools_hover_custom_tooltip.py

    from bokeh.plotting import figure, output_file, show, ColumnDataSource
    from bokeh.models import HoverTool

    output_file("toolbar.html")

    source = ColumnDataSource(data=dict(
        x=[1, 2, 3, 4, 5],
        y=[2, 5, 8, 2, 7],
        desc=['A', 'b', 'C', 'd', 'E'],
        imgs=[
            'https://bokeh.pydata.org/static/snake.jpg',
            'https://bokeh.pydata.org/static/snake2.png',
            'https://bokeh.pydata.org/static/snake3D.png',
            'https://bokeh.pydata.org/static/snake4_TheRevenge.png',
            'https://bokeh.pydata.org/static/snakebite.jpg'
        ],
        fonts=[
            '<i>italics</i>',
            '<pre>pre</pre>',
            '<b>bold</b>',
            '<small>small</small>',
            '<del>del</del>'
        ]
    ))

    hover = HoverTool( tooltips="""
        <div>
            <div>
                <img
                    src="@imgs" height="42" alt="@imgs" width="42"
                    style="float: left; margin: 0px 15px 15px 0px;"
                    border="2"
                ></img>
            </div>
            <div>
                <span style="font-size: 17px; font-weight: bold;">@desc</span>
                <span style="font-size: 15px; color: #966;">[$index]</span>
            </div>
            <div>
                <span>@fonts{safe}</span>
            </div>
            <div>
                <span style="font-size: 15px;">Location</span>
                <span style="font-size: 10px; color: #696;">($x, $y)</span>
            </div>
        </div>
        """
    )

    p = figure(plot_width=400, plot_height=400, tools=[hover],
               title="Mouse over the dots")

    p.circle('x', 'y', size=20, source=source)

    show(p)