From 9bce6d06fc72b109ebfe1fa779c57e1d62a43b57 Mon Sep 17 00:00:00 2001
From: zss <zss@example.com>
Date: 星期五, 13 九月 2024 16:58:56 +0800
Subject: [PATCH] 来样方式改成订单类型
---
src/util/echarts.js | 93 +++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 82 insertions(+), 11 deletions(-)
diff --git a/src/util/echarts.js b/src/util/echarts.js
index 0842962..156ead4 100644
--- a/src/util/echarts.js
+++ b/src/util/echarts.js
@@ -30,16 +30,16 @@
},
},
grid: {
- top: '5%',
- left: '7%',
+ top: '25px',
+ left: '40px',
right: '3%',
- bottom: '7%',
+ bottom: '40px',
// containLabel: true
},
legend: {
show: true,
orient: 'horizontal',
- y:-5,
+ y:-2,
right:15,
itemWidth: 12,
itemHeight: 12,
@@ -69,6 +69,7 @@
}],
yAxis: [{
+ minInterval:1,
type: 'value',
min: 0,
splitNumber: 4,
@@ -83,7 +84,7 @@
},
axisLabel: {
color: 'rgba(43,48,52, 0.4)',
- margin: 30
+ margin: 20,
},
axisTick: {
show: false,
@@ -138,10 +139,10 @@
},
},
grid: {
- top: '5%',
- left: '7%',
- right: '2%',
- bottom: '7%',
+ top: '25px',
+ left: '40px',
+ right: '3%',
+ bottom: '40px',
// containLabel: true
},
xAxis: [{
@@ -164,6 +165,7 @@
}],
yAxis: [{
+ minInterval:1,
type: 'value',
min: 0,
splitNumber: 4,
@@ -178,7 +180,7 @@
},
axisLabel: {
color: 'rgba(43,48,52, 0.4)',
- margin: 30
+ margin: 20,
},
axisTick: {
show: false,
@@ -194,7 +196,7 @@
backgroundColor: '#fff',
tooltip: {
trigger: 'item',
- formatter: '{a} <br/>{b} : {c} ({d}%)'
+ formatter: '{a} <br/>{b} : {c}'
},
title: {
text: params.percentage,
@@ -263,6 +265,75 @@
]
};
chart.setOption(option);
+ },
+ drawGauge:function(chart,params){
+ let option = {
+ tooltip: {
+ formatter: "{a} <br/>{b} : {c}%"
+ },
+ toolbox: {
+ feature: {
+ restore: {},
+ saveAsImage: {}
+ }
+ },
+ series: [
+ {
+ type: 'gauge',
+ axisLine: {
+ lineStyle: {
+ width: 28,
+ color: [
+ [0.3, '#67e0e3'],
+ [0.7, '#37a2da'],
+ [1, '#fd666d']
+ ]
+ }
+ },
+ pointer: {
+ itemStyle: {
+ color: 'auto'
+ }
+ },
+ axisTick: {
+ distance: -28,
+ length: 8,
+ lineStyle: {
+ color: '#fff',
+ width: 2
+ }
+ },
+ splitLine: {
+ distance: -28,
+ length: 28,
+ lineStyle: {
+ color: '#fff',
+ width: 4
+ }
+ },
+ axisLabel: {
+ color: 'inherit',
+ distance: 40,
+ fontSize: 14
+ },
+ detail: {
+ valueAnimation: true,
+ formatter: '{value} %',
+ color: 'inherit',
+ textStyle: {
+ fontSize: 30,
+ align: 'center',
+ },
+ },
+ data: [
+ {
+ value: 70
+ }
+ ]
+ }
+ ]
+ };
+ chart.setOption(option,true);
}
}
--
Gitblit v1.9.3