在 jupyter 中向 python highcharts 添加自定义 html 按钮

问：

我正在尝试在 jupyter 中开发一个 highcharts 图，该图在单击按钮时更新序列值。

一个虚拟的例子

以下是两个独立图表的一些虚拟数据。xAxis 和 y Axis 是相同的。我所做的只是颠倒两个图表之间数据点的顺序。

我的目标是添加一个按钮，单击该按钮时，可以在图表 1 和图表 2 之间交换序列值。

图表一

chart_one_dict = {
 'chart': {'type': 'column'},
 'plotOptions': {'column': {'stacking': 'percent'}},
 'series': [{'data': [50, 50, 50, 50], 'name': 'A'},
            {'data': [35, 35, 35, 35], 'name': 'B'},
            {'data': [15, 15, 15, 15], 'name': 'C'},
            {'data': [7, 7, 7, 7], 'name': 'D'},
            {'data': [3, 3, 3, 3], 'name': 'E'}],
 'title': {'align': 'left', 'text': 'Chart 1'},
 'xAxis': {'categories': ['05/21', '06/21', '07/21', '08/21']},
 'yAxis': {'min': 0,
           'stackLabels': {'enabled': 'true'},
           'title': {'text': 'Counts'}}
 }
options = HighchartsOptions.from_dict(chart_one_dict)
chart = Chart.from_options(options)
chart.display()

图二

chart_two_dict = {
 'chart': {'type': 'column'},
 'plotOptions': {'column': {'stacking': 'percent'}},
 'series': [{'data': [3, 3, 3, 3], 'name': 'A'},
            {'data': [7, 7, 7, 7], 'name': 'B'},
            {'data': [15, 15, 15, 15], 'name': 'C'},
            {'data': [35, 35, 35, 35], 'name': 'D'},
            {'data': [50, 50, 50, 50], 'name': 'E'}],
 'title': {'align': 'left', 'text': 'Chart 2'},
 'xAxis': {'categories': ['05/21', '06/21', '07/21', '08/21']},
 'yAxis': {'min': 0,
           'stackLabels': {'enabled': 'true'},
           'title': {'text': 'Counts'}}
 }
options = HighchartsOptions.from_dict(chart_two_dict)
chart = Chart.from_options(options)
chart.display()

可能的解决方案？

在 highcharts-core 文档中，提到了一个对象（Docs 链接），该对象似乎用于使用自定义 HTML 按钮，但我不知道如何使用它。Bindings