Browse Source

修改了免责声明内容;温度计和解码器图表样式修改。

ds_hxl
宋杰 2 weeks ago
parent
commit
198fcc81d5
  1. 2
      src/views/AiEmotion.vue
  2. 47
      src/views/components/emotionDecod.vue
  3. 119
      src/views/components/marketTemperature.vue

2
src/views/AiEmotion.vue

@ -306,7 +306,7 @@ watch(currentStock, (newStock) => {
two: conclusion.two || '',
three: conclusion.three || '',
four: conclusion.four || '',
disclaimer: '该内容由AI内容生成,请注意甄别'
disclaimer: '该内容由AI生成,请注意甄别'
};
displayedTitles.value = {
one: 'L1: 情绪监控',

47
src/views/components/emotionDecod.vue

@ -75,16 +75,13 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
}
},
formatter: function (params) {
if (params.seriesType === 'candlestick') {
const date = params.name
// 25
const open = params.data[1]
const close = params.data[2]
const low = params.data[3]
const high = params.data[4]
return `日期: ${date}<br/>开: ${open}<br/>收: ${close}<br/>低: ${low}<br/>高: ${high}`
}
return params.value[2]
const date = params.name
// 25
const open = params.data[1]
const close = params.data[2]
const low = params.data[3]
const high = params.data[4]
return `日期: ${date}<br/>开: ${open}<br/>收: ${close}<br/>低: ${low}<br/>高: ${high}`
}
},
@ -118,10 +115,12 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
data: dealData.categoryData,
axisPointer: {
show: true,
type: "line",
label: {
show: false,
show: true,
backgroundColor: 'rgba(0,191,255)',
color: 'black'
},
type: "line",
},
axisTick: { show: false }, // 线
axisLabel: { show: false, rotate: 45 }, //
@ -173,7 +172,9 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
axisPointer: {
show: true,
label: {
show: false,
show: true,
backgroundColor: 'rgba(0,255,127)',
color: 'black'
},
type: "line",
},
@ -283,13 +284,19 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
yAxisIndex: 1,
data: processedHeatmap,
coordinateSystem: "cartesian2d",
// tooltip: {
// // tooltip
// formatter: function (params) {
// const date = params.axisValue;
// return `${date}${params.data[2]}`; // 3
// }
// },
tooltip: {
trigger: "item",
axisPointer: {
type: 'cross', //
crossStyle: {
color: '#999'
}
},
// tooltip
formatter: function (params) {
return `${params.value[2]}`; // 3
}
},
label: {
normal: {
show: true,

119
src/views/components/marketTemperature.vue

@ -191,33 +191,126 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
chartInstance = echarts.init(KlineCanvs.value)
chartInstance.setOption({
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999',
width: 1,
type: 'dashed'
},
lineStyle: {
color: '#999',
width: 1,
type: 'dashed'
}
},
formatter: function (params) {
if (params.seriesType === 'candlestick') {
const date = params.name
// 25
const open = params.data[1]
const close = params.data[2]
const low = params.data[3]
const high = params.data[4]
return `日期: ${date}<br/>开: ${open}<br/>收: ${close}<br/>低: ${low}<br/>高: ${high}`
if (params && params.length > 0) {
let result = `日期: ${params[0].name}<br/>`
params.forEach(param => {
if (param.seriesType === 'candlestick') {
const open = param.data[1]
const close = param.data[2]
const low = param.data[3]
const high = param.data[4]
result += `${param.seriesName}<br/>开: ${open}<br/>收: ${close}<br/>低: ${low}<br/>高: ${high}<br/>`
} else if (param.seriesType === 'line') {
result += `${param.seriesName}: ${param.value}<br/>`
}
})
return result
}
return params.value[2]
return ''
}
},
legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white' } },
xAxis: {
type: 'category',
data: dateLabels,
axisLine: { lineStyle: { color: 'white' } }
axisLine: { lineStyle: { color: '#00BFFF' } },
axisLabel: {
color: '#FFFFFF',
fontSize: 12,
fontWeight: 'bold'
},
axisTick: { lineStyle: { color: '#00BFFF' } },
axisPointer: {
show: true,
type: 'line',
lineStyle: {
color: '#999',
width: 1,
type: 'dashed'
},
label: {
show: true,
color: 'black'
},
}
},
yAxis: [{
axisLine: { lineStyle: { color: 'white' } }
axisLine: { lineStyle: { color: '#00FF7F' } },
axisLabel: {
color: '#FFFFFF',
fontSize: 12,
fontWeight: 'bold'
},
axisTick: { lineStyle: { color: '#00FF7F' } },
splitLine: {
show: true,
lineStyle: {
color: '#333333',
type: 'solid',
opacity: 0.3
}
},
axisPointer: {
show: true,
type: 'line',
label: {
show: true,
color: 'black'
},
lineStyle: {
color: '#999',
width: 1,
type: 'dashed'
}
}
}, {
min: 0,
max: 100,
position: 'right',
axisLabel: { color: '#FFA500' },
axisLine: { lineStyle: { color: 'purple', width: 2 } }
axisLabel: {
color: '#FFFF00',
fontSize: 12,
fontWeight: 'bold'
},
axisLine: { lineStyle: { color: '#FF1493', width: 2 } },
axisTick: { lineStyle: { color: '#FF1493' } },
splitLine: {
show: true,
lineStyle: {
color: '#444444',
type: 'solid',
opacity: 0.3
}
},
axisPointer: {
show: true,
type: 'line',
lineStyle: {
color: '#999',
width: 1,
type: 'dashed'
},
label: {
show: true,
color: 'black'
},
}
}],
color: ['#f00', 'white'],
series: [

Loading…
Cancel
Save