diff --git a/app/scripts/controllers/chart-controllers.js b/app/scripts/controllers/chart-controllers.js
index 1a7d0a8..43006a0 100644
--- a/app/scripts/controllers/chart-controllers.js
+++ b/app/scripts/controllers/chart-controllers.js
@@ -60,12 +60,11 @@ angular.module('apacheZeppelinGsocApp').controller('ChartCtrl', function($scope,
       case 'NVD3Chart':
         //set data for NVD3
         myNewChart = ChartService.getNVD3Chart(myChartType);
-        vm.data = myNewChart.viewModel.data;
-        vm.options = myNewChart.viewModel.options;
+        vm.chart = myNewChart.viewModel;
         break;
       case 'highChart':
         myNewChart = ChartService.getHighChart(myChartType);
-        vm.chartConfig = myNewChart.viewModel;
+        vm.chart = myNewChart.viewModel;
         break;
       case 'googleChart':
         myNewChart = ChartService.getGoogleChart(myChartType);
diff --git a/app/views/charts/highchart.html b/app/views/charts/highchart.html
index f9a3342..5013017 100644
--- a/app/views/charts/highchart.html
+++ b/app/views/charts/highchart.html
@@ -1,4 +1,4 @@
 <div class="box">
   <label>High Chart</label>
-  <highchart id="chart1" config="chartctrl.chartConfig"></highchart>
+  <highchart id="chart1" config="chartctrl.chart"></highchart>
 </div>
\ No newline at end of file
diff --git a/app/views/charts/nvd3chart.html b/app/views/charts/nvd3chart.html
index 6760d18..d123d22 100644
--- a/app/views/charts/nvd3chart.html
+++ b/app/views/charts/nvd3chart.html
@@ -1,4 +1,4 @@
 <div class="box">
   <label>NVD3 Chart</label>
-  <nvd3 options='chartctrl.options' data='chartctrl.data'></nvd3>
+  <nvd3 options='chartctrl.chart.options' data='chartctrl.chart.data'></nvd3>
 </div>
\ No newline at end of file