Chart.js大小不適用於div

我已經嘗試了很多東西（修改css，將內聯css添加到canvas，將內聯css添加到canvas的包裝div），但我仍然無法使面板適合面板正常。Chart.js大小不適用於div

下面是HTML

 <section class="panel"> 
      <header class="panel-heading"> 
       Temp 
      </header> 
       <canvas id="tempChart"></canvas> 
     </section>

這裏是js代碼

<script> 

var data = { 
    labels: ["January", "Aary", "March", "April", "May", "June"], 
    datasets: [{ 
     label: "My First dataset", 
     fillColor: 'rgba(220,220,220,0)', 
     strokeColor: "rgba(220,220,220,1)", 
     pointColor: 'red', 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(220,220,220,1)", 
     data: [65, 59, 80, 81, 56, 55, 40] 
    } ] 
}; 

var option = { 
    responsive: true, 

}; 

var ctx = $("#tempChart").get(0).getContext("2d"); 
var myLineChart = new Chart(ctx).Line(data, option);

CSS中的類面板只包含圖形的東西，如邊框背景顏色等等。順便說一下，我使用Bootstrap網格。感謝您的幫助。

來源

2017-06-08 Massimo Lavermicocca

你可以添加一個https://jsfiddle.net/？ – aorfevre

您是否嘗試將所有圖表設置爲響應默認值：Chart.defaults.global.responsive = true; – aorfevre

chartjs的這個v1是什麼？ – Brian

你試圖設置你的所有響應與缺省值圖表：Chart.defaults.global.responsive = true;

您的全球synthax似乎是正確的有你設置好的了

var options = { responsive:true }

然而，這是一個非常小的細節，但是在那之後真正添加了昏迷。我建議刪除它。

as @brian suggest;請;通知我們lib的版本。添加一個jsfindle更好

來源

2017-06-08 21:17:23 aorfevre

感謝所有的答覆。問題是我使用的lib版本。更新解決了這個問題。

來源

2017-06-10 17:33:11

Chart.js大小不適用於div

回答

相關問題