1

resources/views/admin/home.blade.php

@@ -27,6 +27,10 @@
         .static-container > .card1:nth-child(2) {
             flex-basis: calc(40% - 20px);
         }
+        .static-container > .card1:nth-child(3) {
+            flex: 1;
+            height: 300px;
+        }
         .card1 {
             background: #fff;
             border-radius: 4px;
@@ -165,6 +169,10 @@
             height: 100%;
             width: 100%;
         }
+        #bar-chart {
+            height: 100%;
+            width: 100%;
+        }
     </style>
 @endpush
 
@@ -294,23 +302,14 @@
             ];
             var pieChart = echarts.init(document.querySelector("#pie-chart"));
             var option = {
-                title: {
-                    text: '阅读书籍分布',
-                    left: 'center',
-                    textStyle: {
-                        color: '#999',
-                        fontWeight: 'normal',
-                        fontSize: 14
-                    }
-                },
                 series: datas.map(function (data, idx) {
-                    var top = idx * 33.3;
+                    var left = idx * 33.3;
                     return {
                         type: 'pie',
                         radius: [20, 60],
-                        top: top + '%',
+                        top: 'center',
                         height: '33.33%',
-                        left: 'center',
+                        left: left + '%',
                         width: 400,
                         itemStyle: {
                             borderColor: '#fff',