Question

我的后续可视化需要一个播放按钮，以便在到达结尾时自动浏览滑块和循环上的值。有没有办法实现这一目标？感谢。

已落实的结果类似于此链接上的图表：https://demo.bokehplots.com/apps/gapminder

# Bokeh Visualisation (0.12.7)

from bokeh.charts import Scatter, output_file, show
from bokeh.plotting import figure, output_file, show, ColumnDataSource
from bokeh.io import output_file, show
from bokeh.layouts import layout, widgetbox, column, row
from bokeh.models import Toggle, BoxAnnotation, NumeralTickFormatter, CategoricalColorMapper
from bokeh.models import HoverTool
from bokeh.models.widgets import RadioButtonGroup, Slider
from bokeh.models.callbacks import CustomJS

dataset = {'x':[0,1,2],'y':[0,1,2], 'x_filter':[0,1,2]}

source2 = ColumnDataSource(data=dataset)


p2 = figure(plot_width=600, plot_height=600, 
            x_range=(-5,50), y_range=(-5,10))

p2.scatter('x', 'y', source=source2,
          size=15,
          alpha=0.8, 
          line_color=None)

p2.title.text = 'old title'

# add callback to control 
callback = CustomJS(args=dict(p2=p2, source2=source2), code="""

            var slider_value = cb_obj.value;
            var data = source2.data;            
            x = data['x']
            x_filter = data['x_filter']
            y = data['y']

            for (i = 0; i < x.length; i++) {
                x[i] = x_filter[i]+slider_value
            }

            p2.title.text = 'new title'

        source2.change.emit();

        """)

slider = Slider(start=0, end=50, value=0, step=5, title="test", callback=callback)


show(column(widgetbox(slider),p2))

Answer 1

你可以在散景的github上找到所有应用的代码，这里是gapminder https://github.com/bokeh/bokeh/blob/master/examples/app/gapminder/main.py

您正在寻找（使用散景服务器）：

def animate_update():
    year = slider.value + 1
    if year > years[-1]:
        year = years[0]
    slider.value = year


def slider_update(attrname, old, new):
    year = slider.value
    label.text = str(year)
    source.data = data[year]

slider = Slider(start=years[0], end=years[-1], value=years[0], step=1, title="Year")
slider.on_change('value', slider_update)


def animate():
    if button.label == '► Play':
        button.label = '❚❚ Pause'
        curdoc().add_periodic_callback(animate_update, 200)
    else:
        button.label = '► Play'
        curdoc().remove_periodic_callback(animate_update)

button = Button(label='► Play', width=60)
button.on_click(animate)

Python Bokeh将一个播放按钮添加到滑块

1 个答案: