gpt4 book ai didi

python - 使用带有 slider 的 CustomJS 回调绘制不同的列

转载 作者:太空宇宙 更新时间:2023-11-03 14:43:44 24 4
gpt4 key购买 nike

我有一个简单的多列ColumnDataSource,每列代表模拟的不同日期,每行代表状态为a、b、c等的实体数量。我希望能够清理使用 slider 浏览日期(列)。

我查看了1 , 2和 Bokeh docs获取信息,但我还没有能够成功地让它工作。我有以下代码(最少):

from bokeh.plotting import figure
from bokeh.layouts import column, widgetbox
from bokeh.models import CustomJS, Slider, ColumnDataSource, ranges
from bokeh.io import output_file, show

output_file("barplot.html")
sim_time=4

data = {'x': ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'],
'0': [2860.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'1': [2860.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'2': [0.0, 2860.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'3': [0.0, 2860.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]}

source = ColumnDataSource(data)

barplot = figure(plot_width=800, plot_height=600, tools='pan', x_axis_label='Status', x_range=source.data['x'], y_range=ranges.Range1d(start=0, end=3000))
barplot.vbar(source=source, x='x', top='0', width=0.6)

callback = CustomJS(args={'source':source}, code="""
console.log(' changed selected time', cb_obj.value);
var data = source.data;
data['0'] = data[cb_obj.value];
source.change.emit()
""")

time_slider = Slider(start=0, end=sim_time-1, value=1, step=1, callback=callback)
callback.args["time"] = time_slider

show(column(barplot, time_slider))

即我无法使用 slider 擦洗列。

我做错了什么?

干杯

最佳答案

试试这个:

data = {'x': ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'],
'y': [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'0': [0.0, 0.0, 0.0, 0.0, 500.0, 0.0, 0.0, 0.0],
'1': [0.0, 1000.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'2': [0.0, 0.0, 1000.0, 0.0, 0.0, 0.0, 0.0, 0.0],
'3': [0.0, 0.0, 0.0, 1000.0, 0.0, 0.0, 0.0, 0.0]}

source = ColumnDataSource(data)

barplot = figure(plot_width=800, plot_height=600, tools='pan',
x_axis_label='Status', x_range=source.data['x'],
y_range=ranges.Range1d(start=0, end=3000))
barplot.vbar(source=source, x='x', top='y', width=0.6)

callback = CustomJS(args=dict(source=source), code="""
console.log(' changed selected time', cb_obj.value);
var data = source.data;
data['y'] = data[cb_obj.value];
source.change.emit()
""")

time_slider = Slider(start=0, end=sim_time-1, value=0, step=1, callback=callback)
callback.args["time"] = time_slider
show(column(barplot, time_slider))

您的代码有两个问题。 0 12 3 的条形图是相同的。选择 2 和 3 之间不会看到任何变化。此外,您还使用 0 列来存储数据。但随后你在 JS 代码中覆盖了 0 中的数据。因此,数据会丢失。因此,将 slider 切换回 0 不会产生任何效果。这就是为什么我向您的数据添加了一个新的(空)列 y 。这只是一个占位符,用于绘制保存当前所选数据的图。

关于python - 使用带有 slider 的 CustomJS 回调绘制不同的列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46413653/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com