Блог

Я создаю простой HTML-файл для представления некоторых данных в виде диаграммы с выпадающим списком, но обратный вызов для такой интерактивности не работает. Вот мой код:

 from bokeh.models import CustomJS, ColumnDataSource, Select
from bokeh.plotting import figure, output_file, show
import pandas as pd
from bokeh.models import layouts

output_file("churn_graph.html", title="line_on_off.py example")

df_3_days = pd.read_excel("C:\Users\Admin\Desktop\data1.xlsx", sheet_name="3 days")
df_40_days = pd.read_excel("C:\Users\Admin\Desktop\data2.xlsx", sheet_name="40 days")
df_365_days = pd.read_excel("C:\Users\Admin\Desktop\data3.xlsx", sheet_name="365 days")

x = df_3_days['Month']
churn_3d_12m_all = df_3_days['churnRate_12m_all']
churn_3d_12m_b2b = df_3_days['churnRate_12m_B2B']
churn_3d_12m_b2c = df_3_days['churnRate_12m_B2C']
churn_3d_6m = df_3_days['churnRate_6m_all']

churn_40d_12m_all = df_40_days['churnRate_12m_all']
churn_40d_12m_b2b = df_40_days['churnRate_12m_B2B']
churn_40d_12m_b2c = df_40_days['churnRate_12m_B2C']
churn_40d_6m = df_40_days['churnRate_6m_all']

churn_365d_12m_all = df_365_days['churnRate_12m_all']
churn_365d_12m_b2b = df_365_days['churnRate_12m_B2B']
churn_365d_12m_b2c = df_365_days['churnRate_12m_B2C']
churn_365d_6m = df_365_days['churnRate_6m_all']

source = ColumnDataSource({
    'x' : x, 'y3_12all' : churn_3d_12m_all,
    'x' : x, 'y3_12B2B' : churn_3d_12m_b2b,
    'x' : x, 'y3_12B2C' : churn_3d_12m_b2c,
    'x' : x, 'y3_6m' : churn_3d_6m
})

p = figure(width=500, height=250)

y3_12all = p.line(x, churn_3d_12m_all, color='blue', legend_label="3 days, 12m all")
y3_12B2B = p.line(x, churn_3d_12m_b2b, color='brown', legend_label="3 days B2B")
y3_12B2C = p.line(x, churn_3d_12m_b2c, color='red', legend_label="3 days B2C")
y3_6m = p.line(x, churn_3d_6m, color='green', legend_label="3 days, 6m")

callback = CustomJS(args=dict(source=source), code="""
    var data = source.get('data');
    var f = cb_obj.get('value')
    y3_12all = data['y3_12all']
    y3_12B2B = data['y3_12B2B']
    y3_12B2C = data['y3_12B2C']
    y3_6m = data['y3_6m']
    if (f == "y3_12all"){
        for (i = 0; i < y3_12all.length; i  ) {y3_12all[i] = y3_12all[i]}
        for (i = 0; i < y3_12B2B.length; i  ) {y3_12B2B[i] = 'nan'}
        for (i = 0; i < y3_12B2C.length; i  ) {y3_12B2C[i] = 'nan'}
        for (i = 0; i < y3_6m.length; i  ) {y3_6m[i] = 'nan'}
    else {
        for (i = 0; i < y3_12all.length; i  ) {y3_12all[i] = y3_12all[i]}
        for (i = 0; i < y3_12B2B.length; i  ) {y3_12B2B[i] = y3_12B2B[i]}
        for (i = 0; i < y3_12B2C.length; i  ) {y3_12B2C[i] = y3_12B2C[i]}
        for (i = 0; i < y3_6m.length; i  ) {y3_6m[i] = y3_6m[i]}
    }
    source.trigger('change');
""")
buffers = ['12m all', '12m B2B', '12m B2C', '6m', 'all']
multi_select = Select(title="Select buffer: ", value=buffers[4], options=buffers, callback=callback)
output_file("churn_chart.html")

layout = layouts.VBox(multi_select, p)
show(layout)
  

После запуска я получаю сообщение: «неожиданный атрибут ‘обратный вызов’ для выбора, аналогичные атрибуты — js_event_callbacks».
Есть предложения о том, как это исправить?
Спасибо 🙂

Из списка изменений для 2.0.0 вhttps://docs.bokeh.org/en/latest/docs/releases.html#api-removals:

Кроме того, callback свойство удалено из всех моделей боке, кроме CustomAction , HoverTool , TapTool и OpenURL . Вместо этого следует использовать более общие методы js_on_change или js_on_event .

Попробуйте удалить callback аргумент в Select и добавить что-то вроде

 multi_select.js_on_change('value', callback)
  

Не связано с вашим вопросом, но вы также можете рассмотреть эти изменения:

• Заменить source.get('data') на source.data
• Аналогично, замените cb_obj.get('value') на cb_obj.value

Кроме того, я не уверен, что 'nan' строки являются хорошим подходом. Вы можете просто использовать NaN , если они вызывают какие-либо проблемы.