完善仪表盘样式

src/app/routes/data-v/lj-text-dashboard/lj-text-dashboard.component.css

@@ -35,8 +35,8 @@
  
 
   .chart-container {
-    width: 13rem;
-    height: 13rem;
+    width: 12rem;
+    height: 12rem;
   }
   
   

src/app/routes/data-v/lj-text-dashboard/lj-text-dashboard.component.html

@@ -1,7 +1,6 @@
 <div class="chart-card">
-  <div class="chart-container">
-    <div *ngIf="chartId" id="{{ chartId }}" class="chart-container"></div>
-  </div>
+  <div *ngIf="chartId" id="{{ chartId }}" class="chart-container"></div>
+
   <p class="chart-text">{{ text }}</p>
   <button class="chart-button">{{ locationTitle1 }}</button>
   <button class="chart-button">{{ locationTitle2 }}</button>

src/app/routes/data-v/lj-text-dashboard/lj-text-dashboard.component.ts

@@ -48,14 +48,28 @@ export class DataVLjTextDashboardComponent implements OnInit {
           progress: {
             show: true
           },
+          itemStyle: {
+            color: '#00EFF9'
+          },
+          pointer: {
+            itemStyle: {
+              color: '#00EFF9'
+            }
+          },
+
+          axisLine: {
+            lineStyle: {
+              color: [[1, '#E8E8E8']] // 底色
+            }
+          },
           detail: {
             valueAnimation: true,
-            formatter: '{value}'
+            formatter: '{value}%'
           },
           data: [
             {
-              value: 50,
-              name: 'SCORE'
+              value: 20,
+              name: ''
             }
           ]
         }