Javascript 图表列表中数据大小的水平条形图

我想在图表列表中显示水平条形图，其高度取决于数据的大小。换句话说，宽度可以固定为屏幕宽度，但高度或条数应随数据大小而变化

---

现在我使用的是ct方形纵横比，但我发现这对于数据来说往往太大或太小。有没有办法将图表大小从纵横比约束中释放出来？

如果我理解正确，您希望：

基本上，在添加一行新数据后，调整大小，以便用户可以滚动浏览数据。这是通过以下方式实现的：

let domChart = document.getElementById("bar-chart")
let currentHeight = domChart.clientHeight // Get current height
domChart.style.height = currentHeight + 100 + "px" // How much to add after adding a new row

---

跟进：上面的代码并没有真正“根据数据的大小调整高度”，但它有助于了解如何实现它。根据

data.labels.length*100

指定高度如果我理解正确，您希望：

基本上，在添加一行新数据后，调整大小，以便用户可以滚动浏览数据。这是通过以下方式实现的：

let domChart = document.getElementById("bar-chart")
let currentHeight = domChart.clientHeight // Get current height
domChart.style.height = currentHeight + 100 + "px" // How much to add after adding a new row

跟进：上面的代码并没有真正“根据数据的大小调整高度”，但它有助于了解如何实现它。根据

data.labels.length*100

指定高度