chart.js之2.2.1 - 圖表不調整

Question

就像標題所說前正確渲染，我的圖表不正確地呈現：

enter image description here

，這裏是我的html：

<div ng-show="!(loading)"> 
<div class="col-md-12"> 
     <div class="panel panel-default"> 
      <div class="panel-body" > 

       <canvas id="base"></canvas> 
      </div> 
     </div> 
    </div> 
</div> 

我的圖表設置爲響應選項。任何建議都會被推崇！

Answer 1

我一次有同樣的問題，並且問題發生是因爲我在其中加載了「圖表」的元素在加載時不存在。在放入圖表之前檢查您的HTML是否正常。

順便說一下，你有更多的代碼提供給我們嗎？它會更容易幫助你

Answer 2

你需要創建一個函數，它將在父元素被渲染後實際運行並構建你的圖表。您可以通過將該函數包裝到文檔就緒標籤中來完成此操作。通過這種方式，當文檔準備就緒後，函數將觸發並在知道父元素大小後構建圖表。

事情是這樣的：

function buildChart(){ 
//Build your chart here 
} 

然後把它包像這樣：

$(function(){ 
buildChart() 
}) 

Answer 3

不知道發生了什麼，但它現在正常工作...我只是清理一些文件從舊版本。沒有時間嘗試任何解決方案，但感謝您的回答！