是否有一个JavaScript库可以创建带有集成表的图表？

基本上，我需要从MS Office中重新创建以下图表和表格：

所以我一直在研究如何将一个表集成到这样的图表中。我检查了所有主要的JS图表库，似乎没有一个提供这样的组合图形。我也开始尝试用Highcharts自己创建它，但我很快注意到，要让它正常工作是相当复杂的。因此，在我投入更多精力解决这个问题之前，我想再检查一次，是否有人知道现有的JS库可以创建图表，图表底部附有表格数据，图表中有图例

---

非常感谢您对潜在解决方案的任何帮助或建议。

类似jPlot js的内容

$document.readyfunction{ VarS1=[4.3,2.5,3.5,4.5]； VarS2=[2.4,4.4,1.8,2.8]； var s3=[2,2,3,5]； var myseries=[s1、s2、s3]； //可以指定自定义记号数组。 变量ticks=['Category 1'、'Category 2'、'Category 3'、'Category 4']； 变量plot1=$.jqplot'chart1'，[s1、s2、s3]{ 标题：{文本：图表标题}， //seriesDefaults选项是一个选项对象，它将 //适用于图表中的所有系列。 系列颜色：['7783ef'，'fcc680'，'878787']， 系列默认值：{ 渲染器：$.jqplot.blunderer， 渲染器选项：{ 是的， barPadding:0， 边距：10 }, 点标签：{ 秀：没错， 希德泽罗斯：错 } }, //显示图例并将其放在网格外，但放在 //打印容器，缩小网格以容纳图例。 //值为outside将不会收缩网格并允许 //图例将溢出容器。 图例：{ 秀：没错， 位置：“外部网格” }, 轴线：{ //在x轴上使用类别轴并使用我们的自定义标记。 xaxis：{ 渲染器：$.jqplot.CategoryAxisRenderer， 滴答声：滴答声 }, 亚克斯：{ 标签：“轴标题”， 选项：{formatString:'%.2f'} } } }; $.jqplot-axis.jqplot-xaxis.jqplot-xaxis tick.eachfunction索引{ var htm=$this.html； myseries.forEachfunctionelement{ htm=htm++元素[索引]+； }; $this.htmlhtm； }; $table.jqplot-table-legend.attrstyle，顶部：390px };

---

好的，但据我所知，这还不包括一个附在图表底部的包含数据的表格。它仅呈现带有图例的图表。这可以通过任何标准的图表库来完成。我遗漏了什么吗？使用你喜欢的库，你需要自定义html作为我的更新答案来构建按钮图例。谢谢你的帮助。你的代码肯定非常有用。我希望有一个库可以像在MS Office中那样自动执行此操作，但似乎我必须创建一个自定义解决方案。