自動調整圖表的大小 - AngularChartJS

Question

我正在製作堆疊酒吧數據圖表，以便使用Chart.js2.0.2和Angular-Chart 1.0.0顯示一些信息。

我想要檢測何時用戶滾動到圖表容器的末尾，然後通過保持圖表的比例（高度/寬度）將一些數據添加到圖表。

的事情是，chart.js之提供了一個iframe，我不知道如何添加數據，並保持杆例如之間的空間。如果我調整畫布大小，這不起作用。我有一個帶有options.responsive = true的基本圖表，並且向這個圖表添加數據。

然而，即使只在圖表包裝寬度的變化編程，圖表的高度改變了。這是一種奇怪的響應行爲。

它是另一種方式來只改變圖表的寬度，以保持條形圖之間的同一個空間？

Answer 1

做到這一點：

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

那麼，你認爲合適你可以務實更新的高度/寬度：

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

//注：我運行2.6