我正在使用堆积条形数据图表,以便使用Chart.js 2.0.2 和Angular-Chart 1.0.0显示一些信息 .
我想检测用户何时滚动到图表容器的末尾,然后通过保持图表的比率(高度/宽度)将一些数据添加到图表中 .
问题是,chart.js提供了一个iframe,我不知道如何添加数据并保持bar之间的空间 . 如果我调整画布大小,这不起作用 . 我有一个基本图表,其中options.responsive = true,我将数据添加到此图表中 .
但是,即使只有图表包装宽度以编程方式更改,图表的高度也会发生变化 . 这是一种奇怪的响应行为 .
这是另一种仅改变图表宽度以保持条形图之间相同空间的方法吗?
1 回答
做这个:
然后,您可以根据需要实际更新高度/宽度:
//注意:我正在运行2.6