From 3845f43c43252185a134566a63670de9d1c2d253 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期一, 28 十月 2024 15:06:45 +0800 Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/tx-lims-before into master --- src/util/echarts.js | 91 ++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 80 insertions(+), 11 deletions(-) diff --git a/src/util/echarts.js b/src/util/echarts.js index b653849..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, @@ -84,7 +84,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', - margin: 30, + margin: 20, }, axisTick: { show: false, @@ -139,10 +139,10 @@ }, }, grid: { - top: '5%', - left: '7%', - right: '2%', - bottom: '7%', + top: '25px', + left: '40px', + right: '3%', + bottom: '40px', // containLabel: true }, xAxis: [{ @@ -180,7 +180,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', - margin: 30, + margin: 20, }, axisTick: { show: false, @@ -196,7 +196,7 @@ backgroundColor: '#fff', tooltip: { trigger: 'item', - formatter: '{a} <br/>{b} : {c} ({d}%)' + formatter: '{a} <br/>{b} : {c}' }, title: { text: params.percentage, @@ -265,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