Как сделать график рассеяния Bokeh интерактивным (с помощью слайдера) - PullRequest
Новая
       34

Как сделать график рассеяния Bokeh интерактивным (с помощью слайдера)

0 голосов
/ 25 сентября 2018

Я пытаюсь создать точечный график в Боке на основе простого примера кода, размещенного здесь .

Следующий код создает рабочую демонстрацию для линейного графика: 

from bokeh.layouts import column
from bokeh.models import CustomJS, ColumnDataSource, Slider
from bokeh.plotting import Figure, show

# fetch and clear the document
from bokeh.io import curdoc
curdoc().clear()

x = [x*0.005 for x in range(0, 100)]
y = x

source = ColumnDataSource(data=dict(x=x, y=y))

plot = Figure(plot_width=400, plot_height=400)

plot.line(x='x', y='y', source=source)

def callback(source=source, window=None):
    data = source.data
    f = cb_obj.value
    x, y = data['x'], data['y']
    for i in range(len(x)):
        y[i] = window.Math.pow(x[i], f)
    source.trigger('change')

slider = Slider(start=0.1, end=4, value=1, step=.1, title="Start week",
                callback=CustomJS.from_py_func(callback))

layout = column(slider, plot)

show(layout)

Это выглядит так:

Bokeh plot screenshot

В этой демонстрации, когда вы настраиваете ползунок и нажимаете значок «Сброс»,График перерисовывает сам себя, основываясь на обновленной формуле для y = f (x).

Однако я хочу создать разбросанный график, а не линейный график.

Проблема:

Когда я просто изменяю plot.line в приведенном выше коде на plot.circle, график отображается нормально, но он статичен - он не меняется, когда вы сдвигаете ползунок и нажимаете «reset».Нет сообщений об ошибках, которые я вижу.

enter image description here

1 Ответ

0 голосов
/ 25 сентября 2018

Я нашел ответ в документации .

Последняя строка в callback должна быть source.change.emit(), а не source.trigger('change').Я не знаю разницы между этими двумя, но позже работает с круговыми графиками.

Т.е. 

def callback(source=source, window=None):
    data = source.data
    f = cb_obj.value
    x, y = data['x'], data['y']
    for i in range(len(x)):
        y[i] = window.Math.pow(x[i], f)
    source.change.emit()
...