diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue index 59c1ff8..a72239c 100644 --- a/src/views/components/marketTemperature.vue +++ b/src/views/components/marketTemperature.vue @@ -239,17 +239,17 @@ function initChart(raw, klineDataRawValue, WDRLValue) { return '' } }, - legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white',fontSize: 18 }}, + legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white', fontSize: 18 } }, xAxis: { type: 'category', data: dateLabels, axisLine: { lineStyle: { color: '#00BFFF' } }, - axisLabel: { + axisLabel: { color: '#FFFFFF', fontSize: 12, fontWeight: 'bold' }, - + axisTick: { lineStyle: { color: '#00BFFF' } }, axisPointer: { show: true, @@ -260,16 +260,16 @@ function initChart(raw, klineDataRawValue, WDRLValue) { type: 'dashed' }, label: { - show: true, - color: 'black' - }, + show: true, + color: 'black' + }, } }, yAxis: [{ min: yAxisMin, max: yAxisMax, axisLine: { lineStyle: { color: '#00FF7F' } }, - axisLabel: { + axisLabel: { color: '#FFFFFF', fontSize: 12, fontWeight: 'bold' @@ -287,9 +287,9 @@ function initChart(raw, klineDataRawValue, WDRLValue) { show: true, type: 'line', label: { - show: true, - color: 'black' - }, + show: true, + color: 'black' + }, lineStyle: { color: '#999', width: 1, @@ -300,7 +300,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) { min: 0, max: 100, position: 'right', - axisLabel: { + axisLabel: { color: '#FFFF00', fontSize: 12, fontWeight: 'bold' @@ -324,9 +324,9 @@ function initChart(raw, klineDataRawValue, WDRLValue) { type: 'dashed' }, label: { - show: true, - color: 'black' - }, + show: true, + color: 'black' + }, } }], color: ['#f00', 'white'], @@ -366,14 +366,14 @@ function initChart(raw, klineDataRawValue, WDRLValue) { filterMode: 'filter', textStyle: { color: 'white' - } + }, + bottom: "5%", // 下移数据缩放滑块 }, { type: 'inside', xAxisIndex: 0, filterMode: 'filter' - } - ] + }] }) // 监听窗口大小变化 const resizeHandler = () => {