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 组件