hover tool doesn't work with gridplot

[MadDataScience]

I'm at the Bokeh tutorial, trying to combine the last two of the basic exercises, and it's not working. Here's my code:

from bokeh.plotting import *
from bokeh.sampledata.autompg import autompg

#output_notebook()
output_file("scatter.html")

# Load some Automobile data into a data source. Interesting columns are:
# "yr" - Year manufactured
# "mpg" - miles per gallon
# "displ" - engine displacement
# "hp" - engine horsepower
# "cyl" - number of cylinders
source = ColumnDataSource(autompg.to_dict("list"))
source.add(autompg["yr"], name="yr")

mpg_range = Range1d(start=min(autompg["mpg"]), end=max(autompg["mpg"]))
yr_range = Range1d(start=min(autompg["yr"]), end=max(autompg["yr"]))
hp_range = Range1d(start=min(autompg["hp"]), end=max(autompg["hp"]))
displ_range = Range1d(start=min(autompg["displ"]), end=max(autompg["displ"]))

# Let's set up some plot options in a dict that we can re-use on multiple plots
plot_config = dict(plot_width=300, plot_height=300, tools="pan,wheel_zoom,box_zoom,select,hover")

# gridplot(...) accepts nested lists of plot objects
plots = [
  circle("mpg", "yr", color="blue", title="MPG by Year", source=source, x_range=mpg_range, y_range=yr_range, **plot_config),
  circle("hp", "yr", color="purple", title="Displacement by Year", source=source, x_range=hp_range, y_range=yr_range, 
         **plot_config),
  circle("mpg", "displ", color="orange", title="MPG by Displacement", source=source, x_range=mpg_range, y_range=displ_range, 
         **plot_config),
  circle("hp", "displ", color="red", title="HP by Displacement", source=source, x_range=hp_range, y_range=displ_range, 
         **plot_config)
]

gridplot([plots[:2],plots[2:]])

for p in plots:
    hover = [t for t in p.tools if isinstance(t, HoverTool)][0]
    hover.tooltips = OrderedDict([
        ("yr", "@yr"),
        ("mpg", "@mpg"),
        ("hp", "@radius"),
        ("disp", "@disp")
    ])

show()

[waqarmalik]

Adding a similar topic that I had put in google groups. That has another short program that shows the same problem. Crosslinking for reference.

https://groups.google.com/a/continuum.io/forum/#!topic/bokeh/llhl6YUMtxA

[kdodia]

Updated the original code snippet with some necessary imports:

from bokeh.plotting import *
from bokeh.sampledata.autompg import autompg

from bokeh.objects import Range1d, HoverTool
from collections import OrderedDict


#output_notebook()
output_file("scatter.html")

# Load some Automobile data into a data source. Interesting columns are:
# "yr" - Year manufactured
# "mpg" - miles per gallon
# "displ" - engine displacement
# "hp" - engine horsepower
# "cyl" - number of cylinders
source = ColumnDataSource(autompg.to_dict("list"))
source.add(autompg["yr"], name="yr")

mpg_range = Range1d(start=min(autompg["mpg"]), end=max(autompg["mpg"]))
yr_range = Range1d(start=min(autompg["yr"]), end=max(autompg["yr"]))
hp_range = Range1d(start=min(autompg["hp"]), end=max(autompg["hp"]))
displ_range = Range1d(start=min(autompg["displ"]), end=max(autompg["displ"]))

# Let's set up some plot options in a dict that we can re-use on multiple plots
plot_config = dict(plot_width=300, plot_height=300, tools="pan,wheel_zoom,box_zoom,select,hover")

# gridplot(...) accepts nested lists of plot objects
plots = [
  circle("mpg", "yr", color="blue", title="MPG by Year", source=source, x_range=mpg_range, y_range=yr_range, **plot_config),
  circle("hp", "yr", color="purple", title="Displacement by Year", source=source, x_range=hp_range, y_range=yr_range, 
         **plot_config),
  circle("mpg", "displ", color="orange", title="MPG by Displacement", source=source, x_range=mpg_range, y_range=displ_range, 
         **plot_config),
  circle("hp", "displ", color="red", title="HP by Displacement", source=source, x_range=hp_range, y_range=displ_range, 
         **plot_config)
]

gridplot([plots[:2],plots[2:]])

for p in plots:
    hover = [t for t in p.tools if isinstance(t, HoverTool)][0]
    hover.tooltips = OrderedDict([
        ("yr", "@yr"),
        ("mpg", "@mpg"),
        ("hp", "@radius"),
        ("disp", "@disp")
    ])

show()

Throws error in console: Uncaught TypeError: Cannot read property 'push' of undefined

for (typ in inspectors) {
                          tools = inspectors[typ];
                          if (tools.length !== this.get('num_plots')) {
                            continue;
                          }
                          proxy = new _ToolProxy({
                            tools: tools
                          });
HERE ->                   this.get('inspectors').tools.push(proxy);
                        }