Pārlūkot izejas kodu

修改图表宽度,通过左右滚动显示完整

chente 5 gadi atpakaļ
vecāks
revīzija
371027c572
1 mainītis faili ar 8 papildinājumiem un 2 dzēšanām
  1. 8 2
      biaoduan-panel.html

+ 8 - 2
biaoduan-panel.html

@@ -51,15 +51,21 @@
               <div class="card mb-3 mr-1 mt-3">
                 <div class="card-body">
                   <h5 class="card-title">月进度表</h5>
-                  <div id="chartContainer3" style="height: 300px; width: 100%;">
+                  <div style="overflow-x:scroll;padding-bottom: 10px">
+                    <div id="chartContainer3" style="height: 300px; width: 250%;">
+                    </div>
                   </div>
+                    <p class="text-center text-muted m-0">左右滑动</p>
                 </div>
               </div>
               <div class="card mb-3 mr-1">
                 <div class="card-body">
                   <h5 class="card-title">期进度表</h5>
-                  <div id="chartContainer4" style="height: 300px; width: 100%;">
+                  <div style="overflow-x:scroll;padding-bottom: 10px">
+                    <div id="chartContainer4" style="height: 300px; width: 250%;">
+                    </div>
                   </div>
+                    <p class="text-center text-muted m-0">左右滑动</p>
                 </div>
               </div>
             </div>