我已经设法根据PostgreSQL数据集编写了一个简单的历史日志图表。我通过将<canvas>元素包装到<div>中来添加了水平滚动条，如下所示：

<div id="chart-container" style="overflow-x: scroll;height:300px;">
    <canvas id="chartid-1" style="height: 100%; width: 1000px "></canvas>
</div>

，并在图表实例上设置responsive: false和maintainAspectRatio: false标志，以手动设置画布的宽度/高度。使用这种方法，我的宽度固定，滚动条始终可见/活动。

我的问题是我想根据数据集元素的数量动态调整画布的大小，例如在数据集较小时没有滚动条，而是在数据集包含很多元素时增加宽度以扩大图表区域。

是否可以在客户端（例如javascript / jquery）进行操作？

我正在使用最新版本的Bootstrap / jQuery / ChartJS。

谢谢！