From d67b3fe1341e508fc48be3de9bf403d76482d94c Mon Sep 17 00:00:00 2001 From: 李林 <z1292839451@163.com> Date: 星期五, 14 六月 2024 18:09:14 +0800 Subject: [PATCH] 标准库导入 --- src/util/echarts.js | 100 +++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 90 insertions(+), 10 deletions(-) diff --git a/src/util/echarts.js b/src/util/echarts.js index a2b8cc8..e2ce7bd 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: '5%', + bottom: '40px', // containLabel: true }, legend: { show: true, orient: 'horizontal', - y:-5, + y:-2, right:15, itemWidth: 12, itemHeight: 12, @@ -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: 20, }, axisTick: { show: false, @@ -137,10 +139,10 @@ }, }, grid: { - top: '5%', - left: '7%', - right: '2%', - bottom: '5%', + top: '25px', + left: '40px', + right: '3%', + bottom: '40px', // 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: 20, }, 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