bokeh를 사용하여 vbar와 원 그래프를 연결하는 방법은 무엇입니까?

Question

동일한 데이터 세트를 기반으로하는 3 개의 플롯이 있습니다. 어떻게하면 3 개의 플롯을 모두 연결하여 vbar 플롯에서 특정 종을 선택할 때 두 개의 산점도가 해당 종에서만 플롯 포인트로 변경됩니다.

은 어떤 도움이 감사합니다 ~

from bokeh.sampledata.iris import flowers 
from bokeh.plotting import figure, output_file, show 
from bokeh.models import ColumnDataSource, CategoricalColorMapper 
from bokeh.layouts import column, row 

#color mapper to color data by species 
mapper = CategoricalColorMapper(factors = ['setosa','versicolor', 'virginica'],\ 
           palette = ['green', 'blue', 'red']) 


output_file("plots.html") 

#group by species and plot barplot for count 
species = flowers.groupby('species') 

source = ColumnDataSource(species) 

p = figure(plot_width = 800, plot_height = 400, title = 'Count by Species', \ 
      x_range = source.data['species'], y_range = (0,60),tools = 'box_select') 

p.vbar(x = 'species', top = 'petal_length_count', width = 0.8, source = source,\ 
     nonselection_fill_color = 'gray', nonselection_fill_alpha = 0.2,\ 
     color = {'field': 'species', 'transform': mapper}) 

labels = LabelSet(x='species', y='petal_length_count', text='petal_length_count', 
       x_offset=5, y_offset=5, source=source) 

p.add_layout(labels) 



#scatter plot for sepal length and width 
source1 = ColumnDataSource(flowers) 
p1 = figure(plot_width = 800, plot_height = 400, tools = 'box_select', title = 'scatter plot for sepal') 

p1.circle(x = 'sepal_length', y ='sepal_width', source = source1, \ 
      nonselection_fill_color = 'gray', nonselection_fill_alpha = 0.2, \ 
      color = {'field': 'species', 'transform': mapper}) 


#scatter plot for petal length and width 
p2 = figure(plot_width = 800, plot_height = 400, tools = 'box_select', title = 'scatter plot for petal') 

p2.circle(x = 'petal_length', y ='petal_width', source = source1, \ 
      nonselection_fill_color = 'gray', nonselection_fill_alpha = 0.2, \ 
      color = {'field': 'species', 'transform': mapper}) 


#show all three plots 
show(column(p, row(p1, p2))) 

Answer 1

나는 순간이 기존 일부 기능이 있다고 생각하지 않습니다. 하지만 당신은 명시 적으로 CustomJS 콜백이 ColumnDataSource의를 연결할 수 있습니다 :이 콜백 만 산점도로 막대 그래프에서 선택을 동기화

from bokeh.models import CusomJS 

source = ColumnDataSource(species) 
source1 = ColumnDataSource(flowers) 
source.js_on_change('selected', CustomJS(args=dict(s1=source1), code=""" 
    const indices = cb_obj.selected['1d'].indices; 
    const species = new Set(indices.map(i => cb_obj.data.species[i])); 
    s1.selected['1d'].indices = s1.data.species.reduce((acc, s, i) => {if (species.has(s)) acc.push(i); return acc}, []); 
    s1.select.emit(); 
""")) 

하는 것으로. 분산 형 플롯에 대한 선택을 막대 그래프에 적용하려면 추가 코드를 작성해야합니다.