From bc31286048587242ff0ea3ccffa07cd0d52b0095 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= Date: Wed, 23 Jul 2025 15:39:49 +0800 Subject: [PATCH] =?UTF-8?q?=E8=82=A1=E5=B8=82=E6=B8=A9=E5=BA=A6=E8=AE=A1?= =?UTF-8?q?=E6=8A=98=E7=BA=BF=E5=9C=A8=E6=9C=80=E4=B8=8A=E9=9D=A2=EF=BC=9B?= =?UTF-8?q?=E6=8C=87=E6=95=B0=E6=97=B6=E5=8F=AA=E6=98=BE=E7=A4=BA=E5=B8=82?= =?UTF-8?q?=E5=9C=BA=E6=B8=A9=E5=BA=A6=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/marketTemperature.vue | 32 ++++++++++++++++++++++++------ 1 file changed, 26 insertions(+), 6 deletions(-) diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue index 3969a46..3e63657 100644 --- a/src/views/components/marketTemperature.vue +++ b/src/views/components/marketTemperature.vue @@ -369,6 +369,13 @@ function initChart(raw, klineDataRawValue, WDRLValue) { const dateLabels = raw.map((item) => item[0]); const marketData = raw.map((item) => Math.round(item[1])); const stockData = raw.map((item) => Math.round(item[2])); + + // 处理数据重合时只显示市场温度的逻辑 + const processedStockData = stockData.map((stockTemp, index) => { + const marketTemp = marketData[index]; + // 当市场温度和股票温度相同时,股票温度设为null(不显示) + return stockTemp === marketTemp ? null : stockTemp; + }); // 创建新的图表实例 chartInstance = echarts.init(KlineCanvs.value); @@ -479,7 +486,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { }, }, legend: { - data: ["K线", "市场温度", "股票温度"], + data: ["K线", "股票温度", "市场温度"], textStyle: { color: "white", fontSize: 18 }, }, grid: { @@ -593,6 +600,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { name: "K线", type: "candlestick", data: klineData, + z: 1, // K线在最底层 itemStyle: { normal: { color: "#00FF00", // 阳线红色 @@ -603,17 +611,29 @@ function initChart(raw, klineDataRawValue, WDRLValue) { }, }, { - name: "市场温度", + name: "股票温度", type: "line", yAxisIndex: 1, - data: marketData, - z: 3 + data: processedStockData, + z: 2, // 股票温度在中间层 + connectNulls: false, // 不连接null值 + lineStyle: { + width: 2 + }, + symbol: 'circle', + symbolSize: 4 }, { - name: "股票温度", + name: "市场温度", type: "line", yAxisIndex: 1, - data: stockData, + data: marketData, + z: 3, // 市场温度在最上层 + lineStyle: { + width: 2 + }, + symbol: 'circle', + symbolSize: 4 }, ], // 添加 dataZoom 组件