From 74a135c4f8b46d48a4997ac0e40ac86055b4a1a4 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期三, 17 四月 2024 16:57:25 +0800 Subject: [PATCH] 优化标准库 --- src/util/echarts.js | 88 ++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 84 insertions(+), 4 deletions(-) diff --git a/src/util/echarts.js b/src/util/echarts.js index a2b8cc8..b653849 100644 --- a/src/util/echarts.js +++ b/src/util/echarts.js @@ -33,7 +33,7 @@ top: '5%', left: '7%', right: '3%', - bottom: '5%', + bottom: '7%', // containLabel: true }, legend: { @@ -56,6 +56,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', + margin: 20 }, axisTick: { show: false @@ -68,6 +69,7 @@ }], yAxis: [{ + minInterval:1, type: 'value', min: 0, splitNumber: 4, @@ -82,7 +84,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', - margin: 30 + margin: 30, }, axisTick: { show: false, @@ -140,7 +142,7 @@ top: '5%', left: '7%', right: '2%', - bottom: '5%', + bottom: '7%', // containLabel: true }, xAxis: [{ @@ -150,6 +152,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', + margin: 20 }, axisTick: { show: false @@ -162,6 +165,7 @@ }], yAxis: [{ + minInterval:1, type: 'value', min: 0, splitNumber: 4, @@ -176,7 +180,7 @@ }, axisLabel: { color: 'rgba(43,48,52, 0.4)', - margin: 30 + margin: 30, }, axisTick: { show: false, @@ -185,6 +189,82 @@ series: series }; chart.setOption(option); + }, + drawPie:function(chart,params){ + let option = { + color: params.color, + backgroundColor: '#fff', + tooltip: { + trigger: 'item', + formatter: '{a} <br/>{b} : {c} ({d}%)' + }, + title: { + text: params.percentage, + textStyle: { + color: '#4379EE', + fontSize: 14, + align: 'center', + fontWeight: 'normal' + }, + x: 'center', + y: 'center', + }, + grid: { + top:20, + bottom: 20, + left: 0, + right: 0 + }, + legend: { + show: false, + }, + series: [ + // 涓昏灞曠ず灞傜殑 + { + radius: ['55%', '90%'], + center: ['50%', '50%'], + type: 'pie', + label: { + show:false + }, + name: params.title, + data: params.data, + }, + // 杈规鐨勮缃� + { + radius: ['55%', '65%'], + center: ['50%', '50%'], + type: 'pie', + label: { + normal: { + show: false + }, + emphasis: { + show: false + } + }, + labelLine: { + normal: { + show: false + }, + emphasis: { + show: false + } + }, + animation: false, + tooltip: { + show: false + }, + data: [{ + value: 1, + itemStyle: { + color: "rgba(250,250,250,0.3)", + }, + }], + } + ] + }; + chart.setOption(option); } } -- Gitblit v1.9.3