more responsive charts layout

src/app/pages/charts/amCharts/charts.html

@@ -1,21 +1,21 @@
 <div class="widgets">
 
   <div class="row">
-    <div class="col-md-4">
+    <div class="col-lg-4 col-md-6">
       <blur-panel title="Bar Chart" class-container="with-scroll">
         <div ng-include="'app/pages/charts/amCharts/barChart/barChart.html'"></div>
       </blur-panel>
     </div>
-    <div class="col-md-4">
-      <blur-panel title="Line Chart" class-container="with-scroll">
-        <div ng-include="'app/pages/charts/amCharts/lineChart/lineChart.html'"></div>
-      </blur-panel>
-    </div>
-    <div class="col-md-4">
+    <div class="col-lg-4 col-md-6">
       <blur-panel title="Area Chart" class-container="with-scroll" >
         <div ng-include="'app/pages/charts/amCharts/areaChart/areaChart.html'"></div>
       </blur-panel>
     </div>
+    <div class="col-lg-4 col-md-12">
+      <blur-panel title="Line Chart" class-container="with-scroll">
+        <div ng-include="'app/pages/charts/amCharts/lineChart/lineChart.html'"></div>
+      </blur-panel>
+    </div>
   </div>
 
   <div class="row">

src/app/pages/charts/amCharts/lineChart/LineChartCtrl.js

@@ -148,7 +148,7 @@
     }
 
     function zoomChart() {
-      lineChart.zoomToIndexes(Math.round(chart.dataProvider.length * 0.4), Math.round(chart.dataProvider.length * 0.55));
+      lineChart.zoomToIndexes(Math.round(lineChart.dataProvider.length * 0.4), Math.round(lineChart.dataProvider.length * 0.55));
     }
   }
 

src/app/pages/charts/chartJs/chartJs.html

@@ -39,7 +39,7 @@
 
 
 <div class="row ">
-  <div class="col-md-4 " ng-controller="chartJs2DCtrl">
+  <div class="col-lg-4 col-md-6" ng-controller="chartJs2DCtrl">
     <blur-panel title="Radar" class-container="with-scroll ">
       <canvas id="radar" class="chart chart-radar"
               chart-legend="false" chart-series="series" chart-data="data" chart-labels="labels"
@@ -47,13 +47,13 @@
       </canvas>
     </blur-panel>
   </div>
-  <div class="col-md-4 " ng-controller="chartJs2DCtrl">
+  <div class="col-lg-4 col-md-6" ng-controller="chartJs2DCtrl">
     <blur-panel title="Line" class-container="with-scroll ">
       <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels"
               chart-legend="false" chart-series="series" chart-click="changeData"></canvas>
     </blur-panel>
   </div>
-  <div class="col-md-4 " ng-controller="chartJs2DCtrl">
+  <div class="col-lg-4 col-md-12" ng-controller="chartJs2DCtrl">
     <blur-panel title="Bars" class-container="with-scroll ">
       <canvas id="bar" class="chart chart-bar"
               chart-data="data" chart-labels="labels" chart-series="series" chart-click="changeData">