From 418d4ec106a265fab775e15d21a4a903fd172ac8 Mon Sep 17 00:00:00 2001
From: alex <demeshko.alexander.v@gmail.com>
Date: Wed, 23 Dec 2015 13:05:08 +0300
Subject: [PATCH] more responsive charts layout

---
 src/app/pages/charts/amCharts/charts.html          | 14 +++++++-------
 .../charts/amCharts/lineChart/LineChartCtrl.js     |  2 +-
 src/app/pages/charts/chartJs/chartJs.html          |  6 +++---
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/pages/charts/amCharts/charts.html b/src/app/pages/charts/amCharts/charts.html
index 61cea6d..991a2ee 100644
--- a/src/app/pages/charts/amCharts/charts.html
+++ b/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">
diff --git a/src/app/pages/charts/amCharts/lineChart/LineChartCtrl.js b/src/app/pages/charts/amCharts/lineChart/LineChartCtrl.js
index 5864df8..d62738f 100644
--- a/src/app/pages/charts/amCharts/lineChart/LineChartCtrl.js
+++ b/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));
     }
   }
 
diff --git a/src/app/pages/charts/chartJs/chartJs.html b/src/app/pages/charts/chartJs/chartJs.html
index 47c7a99..006a818 100644
--- a/src/app/pages/charts/chartJs/chartJs.html
+++ b/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">