From a0d4e6d05d33017fa712563de16474a0f443af65 Mon Sep 17 00:00:00 2001 From: 16337 <1633794139@qq.com> Date: Thu, 19 Mar 2026 11:42:50 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=91=8A=E8=AD=A6?= =?UTF-8?q?=E8=B6=8B=E5=8A=BF=E5=9B=BE=E4=BB=8E=E5=A0=86=E5=8F=A0=E9=9D=A2?= =?UTF-8?q?=E7=A7=AF=E6=94=B9=E4=B8=BA=E7=8B=AC=E7=AB=8B=E6=8A=98=E7=BA=BF?= =?UTF-8?q?=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 去掉 stack + areaStyle,每种告警类型独立一条折线, 都从 Y 轴 0 开始,更直观易读。 --- .../src/views/aiot/alarm/summary/chart-options.ts | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/apps/web-antd/src/views/aiot/alarm/summary/chart-options.ts b/apps/web-antd/src/views/aiot/alarm/summary/chart-options.ts index 5f6c80f8b..138e14839 100644 --- a/apps/web-antd/src/views/aiot/alarm/summary/chart-options.ts +++ b/apps/web-antd/src/views/aiot/alarm/summary/chart-options.ts @@ -28,7 +28,7 @@ const LEVEL_COLORS: Record = { 3: '#8c8c8c', }; -/** 告警趋势面积图 */ +/** 告警趋势折线图(每种类型独立一条线,都从0开始) */ export function getTrendChartOptions(data: AiotAlarmApi.TrendItem[]): any { const dates = data.map((d) => d.date.slice(5)); // MM-DD const types = Object.keys(TYPE_NAMES); @@ -36,7 +36,7 @@ export function getTrendChartOptions(data: AiotAlarmApi.TrendItem[]): any { return { tooltip: { trigger: 'axis', - axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }, + axisPointer: { type: 'line' }, }, legend: { data: types.map((t) => TYPE_NAMES[t]), @@ -53,10 +53,11 @@ export function getTrendChartOptions(data: AiotAlarmApi.TrendItem[]): any { name: TYPE_NAMES[type], type: 'line', smooth: true, - stack: 'total', - areaStyle: { opacity: 0.25 }, + symbol: 'circle', + symbolSize: 6, emphasis: { focus: 'series' }, itemStyle: { color: TYPE_COLORS[type] }, + lineStyle: { width: 2 }, data: data.map((d) => (d[type] as number) || 0), })), };