Question

使用此处的示例

http://bokeh.pydata.org/en/latest/docs/gallery/stacked_bar_chart.html

以及此处的交互示例：

http://bokeh.pydata.org/en/latest/docs/user_guide/interaction.html#userguide-interaction

使用滑块更改堆叠条形图的可视化效果似乎非常简单。但是，问题是来自Bar库的bokeh.charts对象不会公开条形图中呈现的数据的来源。据我所知，这是因为charts模块没有维护这些数据。

是否可以使用Bar对象进行如上所述的交互。我被困在哪里可以获取数据，因此当滑块移动时可以更新条形图。我真的不希望每次滑块移动时都明确地从基元重建整个条形图。

任何帮助表示赞赏。我的冰雹尝试浪费在下面：

from collections import OrderedDict
import pandas as pd
from bokeh.charts import Bar, output_file, show
from bokeh.sampledata.olympics2014 import data
from bokeh.io import vform
from bokeh.models import Callback, ColumnDataSource, Slider
from bokeh.plotting import figure

output_file("callback_bar_graph.html")

df = pd.io.json.json_normalize(data['data'])

# filter by countries with at least one medal and sort
df = df[df['medals.total'] > 0]
df = df.sort("medals.total", ascending=False)

# get the countries and we group the data by medal type
countries = df.abbr.values.tolist()
gold = df['medals.gold'].astype(float).values
silver = df['medals.silver'].astype(float).values
bronze = df['medals.bronze'].astype(float).values

# build a dict containing the grouped data
medals = OrderedDict(bronze=bronze, silver=silver, gold=gold)

# any of the following commented are also alid Bar inputs
medals = pd.DataFrame(medals)

source = ColumnDataSource(data=dict(medals=medals, countries=countries))

bar = Bar(medals, countries, title="Stacked bars", stacked=True)

callback = Callback(args=dict(source=source), code="""
    var data = source.get('data');
    var f = cb_obj.get('value')
    medals = data['medals']
    countries = data['countries']
    for (i = 0; i < medals.bronze.length; i++) {
        medals.bronze[i] = 2*medals.bronze[i]
    }
    source.trigger('change');
""")

slider = Slider(start=-2, end=2, value=1, step=.1,
                title="value", callback=callback)

layout = vform(slider, bar)

show(layout)

Answer 1

答案是回调！

来源：http://bokeh.pydata.org/en/latest/docs/user_guide/interaction.html#callbacks-for-widgets

基本上，您需要创建一个包含条形图数据的ColumnDataSource对象。然后，您将创建一个Callback对象，将ColumnDataSource实例作为参数和JS代码，从滑块交互中获取数据并更新数据实例/触发更改。

如果您无法使用它，请发布您拥有的代码，我会尽力提供帮助。

添加交互到Bokeh堆积条形图

1 个答案: