是否可以使用Highcharts条形图的y轴标签制作表格？

Question

我正在尝试使用Highcharts条形图创建类似于下面的内容。

我似乎无法找到任何类似的使用高级卡的实现，但是想知道是否有人遇到此问题或解决方法来创建一个连接到图表的表？

我的数据会有所不同，因此输出的行数可能在1到20之间。

Highcharts

提供的基本栏示例

Answer 1

我能想到的最简单的解决方案是在表格中放置两个div，如下所示：

<div style="width:100%;height:20px;><div style="width:48%;height:20px;background:blue;"></div></div>

然后你可以改变第二个div的width样式属性。

Answer 2

我找到了更好的解决方案：

<progress min="10" value="22" max="100">

检查出来：https://www.w3schools.com/tags/tag_progress.asp