チャート応答

Question

私は折れ線グラフを持っています。しかし、私のグラフは反応しません。私はどのように反応させることができますか？

<div class="box box-primary"> 
     <div class="box-header with-border"> 
      <i class="fa fa-bar-chart-o"></i> 

      <h3 class="box-title">Dakikalık Gösterim</h3> 

      <div class="box-tools pull-right"> 
      <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> 
      </button> 
      <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> 
      </div> 
     </div> 
     <div class="box-body"> 
      <div class="chart-container"> 
     <canvas id="mycanvas"></canvas> 
    </div> 
     </div> 
     <!-- /.box-body--> 
     </div> 

しかし、それは次のように示しています

$(document).ready(function(){ 

var data = <?php echo json_encode($data) ?>; 


     var id = []; 
     var akim = []; 

     for(var i in data) { 
      id.push(data[i].id); 
      akim.push(data[i].akim); 
     } 

     var chartdata = { 
      labels: id, 
      datasets: [ 
       { 
        label: "akim", 
        fill: false, 
        lineTension: 0.1, 
        backgroundColor: "rgba(211, 72, 54, 1)", 
        borderColor: "rgba(211, 72, 54, 1)", 
        pointHoverBackgroundColor: "rgba(211, 72, 54, 1)", 
        pointHoverBorderColor: "rgba(211, 72, 54, 1)", 
        data: akim 
       } 
      ] 
     }; 

     var ctx = $("#mycanvas"); 

     var LineGraph = new Chart(ctx, { 
      type: 'line', 
      data: chartdata 
     }); 
}); 

そして、ここでは私の描画コードは次のとおりです。ここに は私のスクリプトコードです。

は、私はそれが応答するために何をすべきか？

Answer 1

私のCSSコードは、ピクセルフォーマットです。私はそれを変えた。そしてそれは正常になります。

<style>.chart-container {width: 100%;height: auto;}</style>