
  <!-- <div id="line-chart" style="width: 600px"></div> -->

<!-- TABLE: LATEST ORDERS -->
  <div class="box box-info hidden-xs">
    <div class="box-header with-border">
      <h3 class="box-title"><i class="fa fa-line-chart"></i> {{ Trans('dashboard.graph_info') }}</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>
    <!-- /.box-header -->
    <div class="box-body">
      <div class="chart-wrapper">
        <canvas id="canvas" class="chart" height="400px"></canvas>
      </div>
    </div>
  </div>

<!-- JQuery -->
