From f3335e01ea71614db9fa6aedf1d35e1202c3b12f Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 11 八月 2022 15:46:26 +0800
Subject: [PATCH] 修改登陆时传PC参数
---
src/utils/myEcharts.js | 101 +++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 91 insertions(+), 10 deletions(-)
diff --git a/src/utils/myEcharts.js b/src/utils/myEcharts.js
index b38af77..6267536 100644
--- a/src/utils/myEcharts.js
+++ b/src/utils/myEcharts.js
@@ -350,21 +350,26 @@
}
// 缁煎悎鐪嬫澘鍥�
-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.name)
- const titlename = ['澶栬鍒掍激', '琛ㄩ潰娌规薄', '灏哄', '棰滆壊', '澶у皬']
const valdata = [683, 500, 400, 300, 200]
const myColor = ['#FF0000', '#FF5511', '#FF8800', '#FFBB00', '#FFFF00']
const option = {
backgroundColor: 'transparent',
title: {
- text: 'Top5涓嶈壇',
- x: 'center',
+ show: false,
+ text: '涓�鍛ㄥ唴Top5涓嶈壇锛�',
+ x: '2%',
y: '4%',
textStyle: {
- color: '#fff',
- fontSize: '22'
+ color: '#d8d7d9',
+ fontSize: '18'
+ // fontWeight: 'lighter'
},
subtextStyle: {
color: '#90979c',
@@ -397,6 +402,7 @@
show: false
},
axisLabel: {
+ // color: '#d8d7d9',
color: '#fff',
fontSize: 14,
formatter: function(value, index) {
@@ -407,6 +413,7 @@
rich: {
lg: {
// backgroundColor: '#339911',
+ // color: '#d8d7d9',
color: '#fff',
borderRadius: 15,
// padding: 5,
@@ -497,11 +504,13 @@
},
title: {
text: titleText,
- x: '70%',
+ x: '73%',
y: '2%',
textStyle: {
- color: '#fff',
- fontSize: '22'
+ // color: '#fff',
+ color: '#00ffff',
+ fontSize: '18',
+ fontWeight: 'lighter'
},
subtextStyle: {
color: '#90979c',
@@ -684,3 +693,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