瀏覽代碼

added workaround to avoid that chart can disappear inside the card

REJack 5 年之前
父節點
當前提交
48a4ee3f1f
共有 1 個文件被更改,包括 8 次插入8 次删除
  1. 8 8
      pages/charts/chartjs.html

+ 8 - 8
pages/charts/chartjs.html

@@ -615,7 +615,7 @@
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
                 <div class="chart">
                 <div class="chart">
-                  <canvas id="areaChart" style="height:250px"></canvas>
+                  <canvas id="areaChart" style="height:250px; min-height:250px"></canvas>
                 </div>
                 </div>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
@@ -634,7 +634,7 @@
                 </div>
                 </div>
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
-                <canvas id="donutChart" style="height:230px"></canvas>
+                <canvas id="donutChart" style="height:230px; min-height:230px"></canvas>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
             </div>
             </div>
@@ -652,7 +652,7 @@
                 </div>
                 </div>
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
-                <canvas id="pieChart" style="height:230px"></canvas>
+                <canvas id="pieChart" style="height:230px; min-height:230px"></canvas>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
             </div>
             </div>
@@ -674,7 +674,7 @@
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
                 <div class="chart">
                 <div class="chart">
-                  <canvas id="lineChart" style="height:250px"></canvas>
+                  <canvas id="lineChart" style="height:250px; min-height:250px"></canvas>
                 </div>
                 </div>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
@@ -694,7 +694,7 @@
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
                 <div class="chart">
                 <div class="chart">
-                  <canvas id="barChart" style="height:230px"></canvas>
+                  <canvas id="barChart" style="height:230px; min-height:230px"></canvas>
                 </div>
                 </div>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
@@ -714,7 +714,7 @@
               </div>
               </div>
               <div class="card-body">
               <div class="card-body">
                 <div class="chart">
                 <div class="chart">
-                  <canvas id="stackedBarChart" style="height:230px"></canvas>
+                  <canvas id="stackedBarChart" style="height:230px; min-height:230px"></canvas>
                 </div>
                 </div>
               </div>
               </div>
               <!-- /.card-body -->
               <!-- /.card-body -->
@@ -832,8 +832,8 @@
     //- LINE CHART -
     //- LINE CHART -
     //--------------
     //--------------
     var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
     var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
-    var lineChartOptions = areaChartOptions
-    var lineChartData = areaChartData
+    var lineChartOptions = jQuery.extend(true, {}, areaChartOptions)
+    var lineChartData = jQuery.extend(true, {}, areaChartData)
     lineChartData.datasets[0].fill = false;
     lineChartData.datasets[0].fill = false;
     lineChartData.datasets[1].fill = false;
     lineChartData.datasets[1].fill = false;
     lineChartOptions.datasetFill = false
     lineChartOptions.datasetFill = false