问响应式图表

EN

$(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
        });
});

<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>