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/utils/myEcharts.js | 81 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 78 insertions(+), 3 deletions(-)
diff --git a/src/utils/myEcharts.js b/src/utils/myEcharts.js
index b38af77..7cb86ad 100644
--- a/src/utils/myEcharts.js
+++ b/src/utils/myEcharts.js
@@ -350,10 +350,13 @@
}
// 缁煎悎鐪嬫澘鍥�
-export function bar02() {
- const data = [70, 60, 50, 40, 30]
+export function bar02(val) {
+ // console.log(val)
+ // const data = [70, 60, 50, 40, 30]
+ // const titlename = ['澶栬鍒掍激', '琛ㄩ潰娌规薄', '灏哄', '棰滆壊', '澶у皬']
+ const data = val.map(i => i.cont)
+ const titlename = val.map(i => i.checkitem_name)
- const titlename = ['澶栬鍒掍激', '琛ㄩ潰娌规薄', '灏哄', '棰滆壊', '澶у皬']
const valdata = [683, 500, 400, 300, 200]
const myColor = ['#FF0000', '#FF5511', '#FF8800', '#FFBB00', '#FFFF00']
const option = {
@@ -684,3 +687,75 @@
return option
}
+
+// 閲囪喘璁㈠崟鍥�
+export function pie01() {
+ const option = {
+ backgroundColor: 'transparent',
+ title: {
+ text: '60.21%',
+ x: 'center',
+ y: 'center',
+ textStyle: {
+ fontWeight: 'normal',
+ color: '#fff',
+ fontSize: 18
+ }
+ },
+ color: ['rgba(176, 212, 251, 1)'],
+ legend: {
+ show: false,
+ itemGap: 12,
+ data: ['01', '02']
+ },
+
+ series: [
+ {
+ name: 'Line 1',
+ type: 'pie',
+ clockWise: true,
+ radius: ['50%', '66%'],
+ itemStyle: {
+ normal: {
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ }
+ }
+ },
+ hoverAnimation: false,
+ data: [
+ {
+ value: 80,
+ name: '01',
+ itemStyle: {
+ normal: {
+ color: { // 瀹屾垚鐨勫渾鐜殑棰滆壊
+ colorStops: [{
+ offset: 0,
+ color: '#24d3ff' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1,
+ color: '#5580fe' // 100% 澶勭殑棰滆壊
+ }]
+ },
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ }
+ }
+ }
+ },
+ {
+ name: '02',
+ value: 20
+ }
+ ]
+ }]
+ }
+ return option
+}
--
Gitblit v1.9.3