Боке: создание интерактивной .html визуализации с селектором для отображения столбца данных. обратные вызовы JavaScript - PullRequest
Новая
       10

Боке: создание интерактивной .html визуализации с селектором для отображения столбца данных. обратные вызовы JavaScript

0 голосов
/ 13 июня 2019

С учетом приведенного ниже кадра данных панд: xxx.csv x1, y1, y2, y3 1,1.1,1.3,1.5 2,4,8,16 3,9,14,21

После чтения данныхиспользуя опцию ColumnDataSource

Мне нужно создать интерактивную диаграмму, используя данные из фрейма данных pandas в боке (версия 0.12.4).Мой вывод должен быть отдельным .html файлом.Я понимаю, что мне нужно использовать обратные вызовы javascript.

Я ожидаю, что отдельный файл .html, в котором на диаграмме рассеяния отображаются значения x1 по горизонтальной оси, и с помощью выпадающего селектора я могу выбрать, что будет отображаться по вертикали.ось (y1, y2 или y3)

Ниже характеристики графика, которые я намереваюсь: 

import pandas as pd
from bokeh.plotting import figure, output_file, show
from bokeh.io import output_notebook
from bokeh.models import CustomJS, ColumnDataSource, Slider
from bokeh.models.tools import HoverTool
from bokeh.layouts import column

df=pd.read_csv("xxx.csv")

output_file("SCATTER.html")

p = figure(plot_width=400, plot_height=400)

p = figure()

source = ColumnDataSource(df)

p.circle(x="x1", y="y1",source=source, size=8, color="blue", alpha=0.5)

callback = CustomJS(args=dict(source=source), code="""

TO BE DEFINED JS CODE
""")

DROP DOWN MENU TO BE DEFINED


layout = column(DROPDOWN MENU, p)


output_notebook()
show(p)
...