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

回答

相关问题