使用 Pandas 日期时间索引的散景滑块答案

【问题标题】：Bokeh Slider using Pandas datetime index使用 Pandas 日期时间索引的散景滑块
【发布时间】：2017-10-12 19:42:05
【问题描述】：

我正在尝试通过 Bokeh 将滑块添加到连接到 pandas 数据框的绘图中。

该图使用日期时间指数来显示一年内的空气质量指数。

我想为 2016 年 1 月至 12 月的每个月添加一个滑块。我无法找到一个清晰的示例，其中包含将滑块连接到连接到熊猫数据框的绘图的代码。请有人帮忙！

我能够找到以下代码，但该图是使用随机数据生成的。这段代码的输出正是我想要做的，但有时间序列数据。

from bokeh.io import output_notebook, show, vform
from bokeh.plotting import figure, Figure
from bokeh.models import ColumnDataSource, Slider, CustomJS
import numpy as np

output_notebook()

x = np.sort(np.random.uniform(0, 100, 2000))

y = np.sin(x*10) + np.random.normal(scale=0.1, size=2000)
fig = Figure(plot_height=400, x_range=(0, 2))

source = ColumnDataSource(data={"x":x, "y":y})

line = fig.line(x="x", y="y", source=source)
callback = CustomJS(args=dict(x_range=fig.x_range), code="""
var start = cb_obj.get("value");
x_range.set("start", start);
x_range.set("end", start+2);
""")

slider = Slider(start=0, end=100, step=2, callback=callback)
show(vform(slider, fig))

我还找到了制作这种滑块的源代码（下面/linked here），但我不确定如何实现它。您可能会说，我对 Bokeh 还很陌生。请帮忙！

class DateRangeSlider(AbstractSlider):
""" Slider-based date range selection widget. """

@property
def value_as_datetime(self):
    ''' Convenience property to retrieve the value tuple as a tuple of
    datetime objects.

    '''
    if self.value is None:
        return None
    v1, v2 = self.value
    if isinstance(v1, numbers.Number):
        d1 = datetime.utcfromtimestamp(v1 / 1000)
    else:
        d1 = v1
    if isinstance(v2, numbers.Number):
        d2 = datetime.utcfromtimestamp(v2 / 1000)
    else:
        d2 = v2
    return d1, d2

value = Tuple(Date, Date, help="""
Initial or selected range.
""")

start = Date(help="""
The minimum allowable value.
""")

end = Date(help="""
The maximum allowable value.
""")

step = Int(default=1, help="""
The step between consecutive values.
""")

format = Override(default="%d %b %G")

【问题讨论】：

标签： python analytics jupyter-notebook bokeh data-science

【解决方案1】：

我刚刚在我的项目中遇到了类似的情况。我没有使用 pandas 日期时间功能，因为我的日期是混合格式的，但是一旦我清理了我的数据就很容易更新。重要的部分是让您的回调函数调整 ColumnDataSource 的 .data 属性。

在您的示例中，回调函数是用 Javascript 编写的。我使用了示例 Iain 参考中的代码，但我必须为 panda 数据帧做一个小解决方法。在下面的示例中，数据是熊猫数据框的列表。

def callback(attrname, old, new):
    month = slider.value
    source.data = ColumnDataSource(data[month]).data

这会将图表的当前数据替换为来自不同 pandas 数据帧的数据。如果像我一样，你所有的数据都在一个数据框中，你也可以做一些 pandas 过滤来返回你想要显示的数据。

data_to_use = data[data['Month'] == month[slider.value]]

再次，当我这样做时，我必须将 data_to_use 转换为 ColumnDataSource，然后为我的图表替换源的 .data 属性。

【讨论】：

【解决方案2】：

Bokeh 库中的 Gapminder 示例使用年份来执行此操作，类似的方法应该适用于您的数据集的 Months。由于您只担心几个月，因此您不需要使用日期时间索引，只需将其作为列表获取即可。

gapminder

【讨论】：