Chartjs 更新烧瓶熊猫表？

Question

我创建了一个简单的 Flask 应用程序，它有一个 Chart.js 条形图和一个数据表。见下文：

（实时取景：https://flaskapp.gullp.repl.co/）

我的特定条形图计算每个标签的项目数。

我的问题：我将如何进行 onclick chart.js 事件来更新图表下方的表格？

因此，例如，如果我单击图表中的第一个条形图，它下面的表格将更新为仅显示第一个条形图的所有数据。

另外，我的表是一个 Pandas 数据框，我将其传播到烧瓶中。

代码库：https://repl.it/join/rbkobiqi-gullp

我的直觉告诉我，如果有什么方法可以将标签作为应该起作用的过滤器传递回数据框。

不知道如何处理。

Answer 1

您可以按照此线程中描述的方式从栏中获取值：Chart.js: Bar Chart Click Events

获得值后，您可以使用 javascript 将其添加到您的表格中