自动调整图表大小 - AngularChartJS

Question

我正在处理堆积条形数据图表，以便使用Chart.js 2.0.2 和Angular-Chart 1.0.0显示一些信息。

我想检测用户何时滚动到图表容器的末尾，然后通过保持图表的比率（高度/宽度）将一些数据添加到图表中。

问题是，chart.js提供了一个iframe，我不知道如何添加数据并保持bar之间的空间。如果我调整画布大小，这不起作用。我有一个基本的图表，其中options.responsive = true，我将数据添加到此图表中。

但是，即使只有图表包装宽度以编程方式更改，图表的高度也会发生变化。这是一种奇怪的响应行为。

这是另一种仅改变图表宽度以在条形图之间保持相同空间的方法吗？

Answer 1

这样做：

options: {
    responsive: true,
    maintainAspectRatio: false
};

然后您可以根据需要实际更新高度/宽度：

chart.canvas.parentNode.style.width = '128px';

//注意：我正在运行2.6