При наведении точечного графика на боке должно отображаться изображение справа от графика - PullRequest
Новая
       6

При наведении точечного графика на боке должно отображаться изображение справа от графика

0 голосов
/ 02 мая 2019

Я пытаюсь построить график рассеяния, используя bokeh, импортируя набор данных. Каждая точка на графике рассеяния напоминает изображение. При наведении курсора отображаются значения характеристик изображения. Как я могу отобразить изображение со ссылкой на соответствующую ему точку справа от графика или как я могу нажать на точку, которая отображает ссылку на изображение, при щелчке по ссылке должно отображаться изображение.

Я пытался включить путь к изображению, но есть много изображений, поэтому, включая путь для всех изображений, довольно сложно. 

from bokeh.plotting import figure,show
from bokeh.models import ColumnDataSource,CDSView,GroupFilter
import pandas as pd
from bokeh.plotting import figure,output_file,show
from bokeh.models.tools import HoverTool

output_file('ColumnDataSource_example.html')
df=pd.read_excel('data.xlsx')
sample=df.sample(100)
source=ColumnDataSource(sample)

Simple=CDSView(source=source,filters= 
[GroupFilters(Column_name='Complexity',group='Simple')])
Medium=CDSView(source=source,filters= 
[GroupFilters(Column_name='Complexity',group='Medium')])
Complex=CDSView(source=source,filters= 
[GroupFilters(Column_name='Complexity',group='Complex')])

p=figure()

p.circle(x='score',y='objects',source=source,view=Simple,
     size=10,color='green',alpha=0.6,legend='Simple')

p.square(x='score',y='objects',source=source,view=Medium,
     size=10,color='green',alpha=0.6,legend='Medium')

p.triangle(x='score',y='objects',source=source,view=Complex,
       size=10,color='green',alpha=0.6,legend='Complex')

p.title.text='Visualization'
p.xaxis.axis_label='Complexity'
p.yaxis.axis_label='No of objects'

hover=HoverTool()
hover.tooltips=[
('No of objects','@objects')
('Complexity','@score')
('Comments','@Comment')
]
p.add_tools(hover)
p.legend.location="top_left"
show(p)

Ожидаемый результат должен отображать изображение в правой части графика рассеяния

...