显示带有日期 slider 的交互式面板，以显示带有日期作为键的单个字典元素 matplotlib 数字

Question

我在 Matplotlib 中生成了一个名为 curve_dict 的 3d 数字字典

{numpy.datetime64('2022-07-11'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-12'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-13'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-14'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-17'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-18'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-19'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-20'): <Figure size 720x720 with 1 Axes>,
 numpy.datetime64('2022-07-21'): <Figure size 720x720 with 1 Axes>}

每个单独的图形看起来像这样：

For 2D items I have used Holoviews hmap to build and save an interactive dashboard that has a slider for the dictionary key that works well and generates static html when saved that I can place on a webpage for display and to interact with it from the static generated html。

无法对 matplotlib 数字执行相同操作，并且不确定解决问题的方向。 看过 matplotlib 交互性、ipywidgets 和面板，还没有找到秘诀。

The problem is how to set up an interactive visualization that will select the figure for display from the dictionary based on a slider with date values, that can then be saved as static html and maintain interactivity

任何输入表示赞赏。

根据评论，谢谢！ 我已经使用生成了面板

slider = pn.widgets.DiscreteSlider(options=curve_dict,name="Analysis Date")

@pn.depends(slider.param.value)
def callback(value):
    return value

col = pn.Column(slider, callback)
col.embed()

但仍然有一个松散的结局涉及，我一定没有加载的东西

pn.save('newtest.html',resources=INLINE)

产量

---------------------------------------------------------------------------
AttributeError                            Traceback (most recent call last)
Input In [34], in <cell line: 10>()
      7 col = pn.Column(slider, callback)
      8 col.embed()
---> 10 pn.save('newtest.html',resources=INLINE)

AttributeError: module 'panel' has no attribute 'save'

感谢所有输入...

OK，发现save是Column的一个属性所以现在

col.save(filename='newtest.html',resources=INLINE)

生成 html 文件，但失去交互性...slider 移动但图形未更新。

再次感谢所有输入

Answer 1

发现这...

from bokeh.resources import INLINE

slider = pn.widgets.DiscreteSlider(options=curve_dict,name="Analysis Date")

@pn.depends(slider.param.value)
def callback(value):
    return value

col = pn.Column(slider,callback)

col.save(filename='newtest1.html',resources=INLINE,embed=True)

作品。

感谢所有输入，非常感谢....