Wie verknüpfe ich vbar mit Kreiszeichnungen mit Bokeh?

Question

Ich habe drei Diagramme basierend auf dem gleichen Datensatz. Wie kann ich alle drei Plots verknüpfen, so dass, wenn ich eine bestimmte Art im vbar-Plot anwähle, zwei Streuplots auch nur in Plotpunkte in dieser Art geändert werden.

jede Hilfe ist willkommen ~

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

Ich glaube nicht, dass es einige Funktionen für den bestehenden im Moment. Sie können jedoch explizit verknüpfen zwei ColumnDataSource s mit einem CustomJS Rückruf:

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(); 
""")) 

Beachten Sie, dass dieser Rückruf nur die Auswahl aus dem Balkendiagramm der Streudiagramme synchronisiert. Um die Auswahl der Streudiagramme zu beeinflussen, müssen Sie zusätzlichen Code schreiben.