From 3032fc5c1b188a820c7546da5b92a6b8d415f23a Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 01 八月 2022 17:08:49 +0800
Subject: [PATCH] 1.综合看板 对接接口实现部分数据渲染
---
src/views/kb/cgdd.vue | 23 +++++++++++++++++------
1 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/src/views/kb/cgdd.vue b/src/views/kb/cgdd.vue
index 81b3a0e..51f2207 100644
--- a/src/views/kb/cgdd.vue
+++ b/src/views/kb/cgdd.vue
@@ -27,9 +27,10 @@
<div class="text">褰撴湀鍏ュ簱鎬绘暟</div>
</div>
<div class="content01">
- <div class="pic01" />
- <div class="number">12%</div>
- <div class="text">褰撴湀寤舵湡鍗犳瘮</div>
+ <!-- <div class="pic01" />-->
+ <!-- <div class="number">12%</div>-->
+ <div id="pie01" ref="pie01" class="pie01" />
+ <div class="text" style="margin-top: -10px">褰撴湀寤舵湡鍗犳瘮</div>
</div>
</div>
@@ -170,7 +171,8 @@
<script>
import './kbCommon.css'
-import { bar03, loadEcharts } from '@/utils/myEcharts'
+import { loadEcharts, pie01 } from '@/utils/myEcharts'
+import * as echarts from 'echarts'
export default {
name: 'Index2',
@@ -391,8 +393,11 @@
// 鑾峰彇echarts
getEcharts() {
- loadEcharts('bar03', bar03('鏈懆鍏ュ簱閲忔眹鎬�'))
- loadEcharts('bar04', bar03('鏈懆鍑鸿揣閲忔眹鎬�'))
+ loadEcharts('pie01', pie01())
+
+ // setInterval(() => {
+ // loadEcharts('pie01', pie01())
+ // }, 5000)
},
// 鑾峰彇褰撳墠鏃堕棿
@@ -472,6 +477,12 @@
background: url("../../assets/images/pic01.png");
}
+ .pie01{
+ height: 200px;
+ width: 200px;
+ margin-top: -30px;
+ }
+
.number {
margin-top: -50px;
font-size: 18px;
--
Gitblit v1.9.3