diff --git a/app/Ninja/Reports/AbstractReport.php b/app/Ninja/Reports/AbstractReport.php
index eeed226ff107..3a9b4f391d1b 100644
--- a/app/Ninja/Reports/AbstractReport.php
+++ b/app/Ninja/Reports/AbstractReport.php
@@ -246,4 +246,9 @@ class AbstractReport
 
         return $data;
     }
+
+    public function getPieChartData()
+    {
+        
+    }
 }
diff --git a/resources/views/reports/chart_builder.blade.php b/resources/views/reports/chart_builder.blade.php
index c4c4bc926426..45241eaea168 100644
--- a/resources/views/reports/chart_builder.blade.php
+++ b/resources/views/reports/chart_builder.blade.php
@@ -2,7 +2,7 @@
 
 function loadLineChart(data) {
     var ctx = document.getElementById('lineChartCanvas').getContext('2d');
-    window.myChart = new Chart(ctx, {
+    new Chart(ctx, {
         type: 'line',
         data: data,
         options: {
@@ -51,18 +51,32 @@ function loadLineChart(data) {
     });
 }
 
+function loadPieChart(data) {
+
+}
+
+
 $(function() {
     var lineChartData = {!! json_encode($report->getLineChartData()) !!};
-    //console.log(chartData);
     loadLineChart(lineChartData);
+    //console.log(chartData);
+
+    /*
+    var pieChartData = {!! json_encode($report->getPieChartData()) !!};
+    loadPieChart(pieChartData);
+    console.log(pieChartData);
+    */
 });
 
 </script>
 
 <div class="row">
-    <div class="col-md-12">
+    <div class="col-md-6">
         <canvas id="lineChartCanvas" style="background-color:white; padding:20px; width:100%; height: 250px;"></canvas>
     </div>
+    <div class="col-md-6">
+        <canvas id="pieChartCanvas" style="background-color:white; padding:20px; width:100%; height: 250px;"></canvas>
+    </div>
 </div>
 
 <p>&nbsp;</p>