Added new chartjs preview page

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>

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>

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>

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>

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>

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>

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>

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>

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>

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 -->

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>