8. 去掉滚动条5.2 X轴 时分秒换行, 左右两端不要超出范围导致显示不全4.4 切换 type 之后,应该都删掉而不是只删一个4.3 先选择两个台站,切换类型之后还能继续选择的问题
This commit is contained in:
parent
a7b86dd469
commit
2e8795ccb3
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div style="height: 100%">
|
||||
<div style="height: 100%; overflow: hidden">
|
||||
<a-card :bordered="false" style="margin-left: 20px; height: 100%">
|
||||
<div class="layout-header">
|
||||
<a-row type="flex" :gutter="20" style="margin-bottom: 20px">
|
||||
|
@ -134,7 +134,7 @@ const commonOptions = {
|
|||
trigger: 'axis',
|
||||
},
|
||||
legend: {
|
||||
inactiveColor: '#5f5f5f',
|
||||
inactiveColor: 'rgba(153, 177, 189,.5)',
|
||||
lineStyle: {
|
||||
inactiveColor: '#333',
|
||||
},
|
||||
|
@ -181,12 +181,15 @@ const commonOptions = {
|
|||
},
|
||||
axisLabel: {
|
||||
color: '#ade6ee',
|
||||
// color: '#5b9cba',
|
||||
formatter: (value, index) => {
|
||||
let val = value.split(' ').join('\n')
|
||||
// if (index === 0) {
|
||||
// return ' ' + val
|
||||
// }
|
||||
if (index === 0) {
|
||||
let arr = value.split(' ')
|
||||
arr[0] = ' ' + arr[0]
|
||||
arr[1] = ' ' + arr[1]
|
||||
let str = arr.join('\n')
|
||||
return str
|
||||
}
|
||||
if (index === xDataLength - 1) {
|
||||
let arr = value.split(' ')
|
||||
arr[0] = arr[0] + ' '
|
||||
|
@ -283,7 +286,10 @@ export default {
|
|||
methods: {
|
||||
moment,
|
||||
typeChange(val) {
|
||||
this.disposeCharts()
|
||||
this.stationIds = []
|
||||
// this.queryParams.dbName = undefined
|
||||
this.queryParams.nuclideNames = []
|
||||
this.queryParams.systemType = val
|
||||
if (val == 'Particulate') this.menuName = 'Particulate'
|
||||
if (val == 'gamma') this.menuName = 'Noble Gas HPGe'
|
||||
|
@ -435,6 +441,13 @@ export default {
|
|||
this.$message.warning('No downloadable data')
|
||||
}
|
||||
},
|
||||
// 清除图表
|
||||
disposeCharts() {
|
||||
if (this.chartOne) this.chartOne.dispose()
|
||||
if (this.chartLeft) this.chartLeft.dispose()
|
||||
if (this.chartRight) this.chartRight.dispose()
|
||||
this.titleOne = this.titleLeft = this.titleRight = 'Nuclide History'
|
||||
},
|
||||
|
||||
filterOption(input, option) {
|
||||
return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
|
|
Loading…
Reference in New Issue
Block a user