diff --git a/index.html b/index.html
index d6006b95e..0945afccf 100644
--- a/index.html
+++ b/index.html
@@ -350,6 +350,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/index2.html b/index2.html
index 83023c5b7..c1bb159eb 100644
--- a/index2.html
+++ b/index2.html
@@ -348,6 +348,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 63cf32f7d..543604431 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 5b435d8e1..050d92884 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -369,6 +369,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 9e1b5e235..113bc118f 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -387,6 +387,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index 8067ba87b..c403cb20f 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -351,6 +351,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 9a29fa44b..c59cfb587 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -347,6 +347,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 97e038383..795ad1918 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/calendar.html b/pages/calendar.html
index 150cac4a1..06e1dbcf4 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -340,6 +340,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 32cb0e775..a1dc327d0 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -233,7 +233,8 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
-                <li class="active"><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
+                <li class="active"><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
+                <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
               </ul>
@@ -363,7 +364,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="areaChart" height="250"></canvas>
                   </div>
                 </div><!-- /.box-body -->
@@ -379,9 +380,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="chart-responsive">
-                    <canvas id="pieChart" height="250"></canvas>
-                  </div>
+                    <canvas id="pieChart" height="250"></canvas>                  
                 </div><!-- /.box-body -->
               </div><!-- /.box -->
 
@@ -397,7 +396,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="lineChart" height="250"></canvas>
                   </div>
                 </div><!-- /.box-body -->
@@ -413,7 +412,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                  <div class="margin">
+                  <div class="chart">
                     <canvas id="barChart" height="230"></canvas>
                   </div>
                 </div><!-- /.box-body -->
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index 1ec8b75f3..051a05519 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li class="active"><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index 886ff2a83..23120901f 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li  class="active"><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index 4b7179c8e..2d3b04233 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li class="active"><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 1e9c262f6..27bd18202 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -340,6 +340,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 5b7904511..fc6404f17 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index a15a133bf..6797aa45b 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 76d893006..4b714668a 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index a730ddcff..f5fe5e9db 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -351,6 +351,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 43c2d9b46..c1e46032e 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 9649e5a41..f99f06ff7 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index cc407da6e..ddda064e0 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -235,6 +235,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index e4558c835..138716f74 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -238,6 +238,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index 680251c4f..3171b697c 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -233,6 +233,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index bd9570af9..1a62c2269 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -240,6 +240,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index 02c0efb1f..f9659bfd1 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 1767620d9..fcf062364 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -237,6 +237,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 4dfac8166..f1f9a6c9c 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -343,6 +343,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
diff --git a/pages/widgets.html b/pages/widgets.html
index 096656e4e..5442474be 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -341,6 +341,7 @@
                 <i class="fa fa-angle-left pull-right"></i>
               </a>
               <ul class="treeview-menu">
+                <li><a href="charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                 <li><a href="charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                 <li><a href="charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                 <li><a href="charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>