向散景堆叠条形图添加交互

Question

在此使用示例

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

以及此处的交互示例：

http://docs.bokeh.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://docs.bokeh.org/en/latest/docs/user_guide/interaction.html#callbacks-for-widgets

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

如果无法正常工作，请发布您拥有的代码，我会尽力提供帮助。