html-table - 条形图覆盖数据表以显示 KPI

我们将所有 KPI 放在一个表格中，该表格按垂直指标组织，然后按月水平组织。我们还在每个数字下方放置了一个单条，指示它是否高于/低于目标。您可以看到下面图表的目标。

我无法弄清楚如何让它自动填充到 Plotly 中。我的想法是，我将在下面有一个带有条形图覆盖的表格，其中确定条形高度的所有值都相等，然后根据系列指定颜色（使用像 r/y/g 这样的系列名称）。

但是，我不认为叠加层是构建它的正确方法，因为它们并没有真正相互重叠。我在 Plotly 中调查了迷你图，但我看不到那里的路径。我看过 Dash，但我没有看到那里的路径。我也看过在 Dash 中做一个自定义 HTML 表格，但我也不确定这是否能解决它。

有人有方向可以指点我吗？

标签： html-tablebar-chartplotly-dashplotly-pythonkpi