|
@ -370,6 +370,13 @@ function initChart(raw, klineDataRawValue, WDRLValue) { |
|
|
const marketData = raw.map((item) => Math.round(item[1])); |
|
|
const marketData = raw.map((item) => Math.round(item[1])); |
|
|
const stockData = raw.map((item) => Math.round(item[2])); |
|
|
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); |
|
|
chartInstance = echarts.init(KlineCanvs.value); |
|
|
chartInstance.setOption({ |
|
|
chartInstance.setOption({ |
|
@ -479,7 +486,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
legend: { |
|
|
legend: { |
|
|
data: ["K线", "市场温度", "股票温度"], |
|
|
|
|
|
|
|
|
data: ["K线", "股票温度", "市场温度"], |
|
|
textStyle: { color: "white", fontSize: 18 }, |
|
|
textStyle: { color: "white", fontSize: 18 }, |
|
|
}, |
|
|
}, |
|
|
grid: { |
|
|
grid: { |
|
@ -593,6 +600,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { |
|
|
name: "K线", |
|
|
name: "K线", |
|
|
type: "candlestick", |
|
|
type: "candlestick", |
|
|
data: klineData, |
|
|
data: klineData, |
|
|
|
|
|
z: 1, // K线在最底层 |
|
|
itemStyle: { |
|
|
itemStyle: { |
|
|
normal: { |
|
|
normal: { |
|
|
color: "#00FF00", // 阳线红色 |
|
|
color: "#00FF00", // 阳线红色 |
|
@ -603,17 +611,29 @@ function initChart(raw, klineDataRawValue, WDRLValue) { |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "市场温度", |
|
|
|
|
|
|
|
|
name: "股票温度", |
|
|
type: "line", |
|
|
type: "line", |
|
|
yAxisIndex: 1, |
|
|
yAxisIndex: 1, |
|
|
data: marketData, |
|
|
|
|
|
z: 3 |
|
|
|
|
|
|
|
|
data: processedStockData, |
|
|
|
|
|
z: 2, // 股票温度在中间层 |
|
|
|
|
|
connectNulls: false, // 不连接null值 |
|
|
|
|
|
lineStyle: { |
|
|
|
|
|
width: 2 |
|
|
|
|
|
}, |
|
|
|
|
|
symbol: 'circle', |
|
|
|
|
|
symbolSize: 4 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "股票温度", |
|
|
|
|
|
|
|
|
name: "市场温度", |
|
|
type: "line", |
|
|
type: "line", |
|
|
yAxisIndex: 1, |
|
|
yAxisIndex: 1, |
|
|
data: stockData, |
|
|
|
|
|
|
|
|
data: marketData, |
|
|
|
|
|
z: 3, // 市场温度在最上层 |
|
|
|
|
|
lineStyle: { |
|
|
|
|
|
width: 2 |
|
|
|
|
|
}, |
|
|
|
|
|
symbol: 'circle', |
|
|
|
|
|
symbolSize: 4 |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
// 添加 dataZoom 组件 |
|
|
// 添加 dataZoom 组件 |
|
|