uCharts动态渲染canvas高度一直增加

uCharts是一个JavaScript库，用于创建高性能的图表。当需要动态渲染Canvas元素的高度时，特别是在数据量较大或者用户滚动导致内容增多的情况下，你需要确保能实时更新Canvas的高度以便容纳更多的数据点。

以下是处理动态Canvas高度的关键步骤：

1. **初始化Canvas**：
在HTML中创建一个Canvas元素，并为其设置初始高度。例如：

   <canvas id="myChart" style="height:0;"></canvas>

2. **监听数据变化**：
当数据源发生变化（如从服务器获取新的数据集），你需要更新Canvas的高度。

3. **计算新高度**：
根据新的数据点数来计算新的总高度。这通常包括每个数据点的大小以及一些额外的空间（比如间距、标题等）。

4. **动态调整高度**：
使用JavaScript的`clientHeight`属性来获取当前元素的高度，然后更新Canvas的style样式，将其`height`设置为新计算出的高度。

5. **绘制图表**：
调用uCharts的API，传递新的数据和高度值来重新绘制图表。

let chart = new uCharts('#myChart');
function updateCanvas(data) {
  const totalHeight = calculateTotalHeight(data);
  let heightStyle = 'height: ' + totalHeight + 'px';
  document.getElementById('myChart').style.height = heightStyle;
  chart.render(data);
}

// ...其他部分省略...