From 2b4e9edbc2b46f4bcc9839d3a2e89dc82116cd8e Mon Sep 17 00:00:00 2001 From: liujiangyong Date: Tue, 22 Aug 2023 19:00:43 +0800 Subject: [PATCH] =?UTF-8?q?(*)=20=E7=81=AB=E6=83=85=E8=B6=8B=E5=8A=BF?= =?UTF-8?q?=E5=9B=BE=E8=A1=A8=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../fire-control/components/left-bottom.js | 32 +++++++++++-------- 1 file changed, 18 insertions(+), 14 deletions(-) diff --git a/super-screen/client/src/sections/fire-control/components/left-bottom.js b/super-screen/client/src/sections/fire-control/components/left-bottom.js index bd25625..973d446 100644 --- a/super-screen/client/src/sections/fire-control/components/left-bottom.js +++ b/super-screen/client/src/sections/fire-control/components/left-bottom.js @@ -25,21 +25,10 @@ function Infrastructure(props) { return item.name + " : " + item.value + " 次"; }, }, - legend: { - top: 10, - itemWidth: 20, - itemHeight: 10, - left: "center", - padding: 0, - textStyle: { - color: "#E6E6E7", - fontSize: 14, - padding: [2, 0, 0, 0], - }, - }, xAxis: [ { type: "category", + boundaryGap: false, axisLabel: { interval: 0, color: "rgba(195, 230, 255, 1)", @@ -90,13 +79,28 @@ function Infrastructure(props) { position: "top", color: "#00A8FF", }, + areaStyle: {//区域填充渐变颜色 + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [{ + offset: 0, color: '#4CA1FF40' // 0% 处的颜色 + }, { + offset: 1, color: '#4CA1FF00' // 100% 处的颜色 + }], + global: false // 缺省为 false + } + }, data: Ydata, }, ], grid: { - x: 50, + x: 45, y: 25, - x2: 30, + x2: 40, y2: 20 }, };