From 996e3e343760bcfa23b55138f85abd62d6ebfb22 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期三, 25 十二月 2024 09:02:07 +0800
Subject: [PATCH] 报告预览调试
---
src/util/echarts.js | 138 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 138 insertions(+), 0 deletions(-)
diff --git a/src/util/echarts.js b/src/util/echarts.js
index eec1f8c..8ccd62b 100644
--- a/src/util/echarts.js
+++ b/src/util/echarts.js
@@ -265,6 +265,144 @@
]
};
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);
+ },
+ drawPie0:function(chart,params){
+ const colorList = ['#F09595', '#A4EEDA','#F6C18B', '#86C1F4','#91A0FC','#59CB74', '#FBD444', '#7F6AAD', '#585247']
+ let option = {
+ title: {
+ text: '鎬诲伐鏃�',
+ textStyle: {
+ fontSize: 18,
+ color: '#000',
+ lineHeight: 20
+ },
+ textAlign: 'center',
+ left: '18.8%',
+ top: '45%'
+ },
+ tooltip: {
+ trigger: 'item',
+ },
+ legend: {
+ type: 'scroll',
+ orient: 'vertical',
+ right: '10%',
+ top: 'center',
+ itemGap: 30,
+ selectedMode: false,
+ icon: 'rect',
+ data: params.data.map((d) => d.name),
+ textStyle: {
+ color: '#3D3D3D',
+ fontSize:'12px',
+ rich: {
+ name: {
+ width: 60,
+ },
+ hours: {
+ width: 60,
+ },
+ penl: {
+ width: 60,
+ }
+ }
+ },
+ formatter(name) {
+ const item = params.data.find((d) => d.name === name);
+ return `{name|${item.name}}{hours|${item.value}灏忔椂}{penl|${item.penl}%}`
+ }
+ },
+ color: colorList,
+ series: [
+ {
+ name: '宸ユ椂',
+ type: 'pie',
+ radius: [60, 90],
+ center: ['20%', '50%'],
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 1,
+ borderColor: '#fff'
+ },
+ data: params.data,
+ }
+ ]
+ }
+ chart.setOption(option,true);
}
}
--
Gitblit v1.9.3