From dd9fd918dc59e8f7bf879a3a0c1c950bc0fbbe93 Mon Sep 17 00:00:00 2001
From: = <mokaddem.sami@gmail.com>
Date: Tue, 12 Sep 2017 12:03:58 +0200
Subject: [PATCH] 2 pie in div

---
 static/js/index.js   | 3 ++-
 templates/index.html | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 91e2bf5..8825b01 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -164,7 +164,8 @@ $(document).ready(function () {
         { label: "Series3",  data: 60}
     ];
 var plotLineChart = $.plot("#feedDiv3", sources.getEmptyData(), optionsLineChart);
-var plotPieChart = $.plot("#feedDiv1", rData, optionsPieChart);
+var plotPieChartA = $.plot("#feedDiv1A", rData, optionsPieChart);
+var plotPieChartB = $.plot("#feedDiv1B", rData, optionsPieChart);
 updateChart()
 
 function updateChart() {
diff --git a/templates/index.html b/templates/index.html
index 6bdfe50..0b4da3e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -49,8 +49,9 @@ table {
                             <div class="panel-heading">
                                 <i class="fa fa-bar-chart-o fa-fw"></i> Statistics
                             </div>
-                            <div id="panelbody" class="panel-body" style="height: 37vh;">
-                                <div id="feedDiv1" style="width:100%; height: calc(100% - 30px); position: relative;"></div>
+                            <div id="panelbody" class="panel-body" style="height: 37vh; width:100%;">
+                                <div id="feedDiv1A" style="width:50%; height: calc(100% - 30px); position: relative; float: left;"></div>
+                                <div id="feedDiv1B" style="width:50%; height: calc(100% - 30px); position: relative; float: left;"></div>
                             </div>
                             <!-- /.panel-body -->