gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-1728 fix: 动态调整y轴起点

Browse Source
This commit is contained in:
chenjinsong
2024-11-14 19:55:57 +08:00
parent 5e18ec9021
commit 925e9866d6
7 changed files with 624 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

338
src/components/table/tag/TagTable.vue
View File

@@ -135,10 +135,10 @@ import table from '@/mixins/table'
import Loading from '@/components/common/Loading'
import axios from 'axios'
import { api } from '@/utils/api'
import { storageKey, tagIntent, chartColor3 } from '@/utils/constants'
import { urlParamsHandler, overwriteUrl, headerCellClass } from '@/utils/tools'
import { storageKey, tagIntent } from '@/utils/constants'
import { urlParamsHandler, overwriteUrl, headerCellClass, getYAxisBeginValue } from '@/utils/tools'
import { ref, shallowRef } from 'vue'
import { dateFormatToUTC, getNowTime, getSecond } from '@/utils/date-util'
import { getNowTime, getSecond } from '@/utils/date-util'
import chartDetectionPagination from '@/views/charts/charts/chartDetectionPagination'
import ChartNoData from '@/views/charts/charts/ChartNoData'
import { useRoute } from 'vue-router'
@@ -385,7 +385,6 @@ export default {
if (data.length > 1 && data[0].ipCount === 0 && data[0].domainCount === 0) {
data.splice(0, 1)
}
this.myChart = echarts.init(dom)
this.chartOption = tagLineChartOption
const series = []
@@ -401,7 +400,6 @@ export default {
}
},
name: 'IP',
stack: 'Total',
lineStyle: {
color: '#35ADDA',
width: 1
@@ -428,7 +426,6 @@ export default {
}
},
name: this.$t('overall.domain'),
stack: 'Total',
lineStyle: {
color: '#E48F3E',
width: 1
@@ -444,12 +441,25 @@ export default {
})
}
this.chartOption.series = series
this.chartOption.yAxis[0].startValue = getYAxisBeginValue(series)
this.chartOption.yAxis[0].axisLabel.formatter = (value) => {
return unitConvert(value, 'number').join('')
}
this.myChartArray.push(this.myChart)
this.myChart.setOption(this.chartOption)
const _this = this
this.myChart.on('legendselectchanged', function (params) {
const newSeries = []
if (params.selected.IP) {
newSeries.push(series[0])
}
if (params.selected.Domain) {
newSeries.push(series[1])
}
const _option = _this.myChart.getOption()
_option.yAxis[0].startValue = getYAxisBeginValue(newSeries)
_this.myChart.setOption(_option)
})
this.$nextTick(() => {
this.myChart.resize()
})
@@ -682,7 +692,319 @@ export default {
lineUrl = lineUrl.replace('{{name}}', item.name)
this.loadingDown = true
axios.get(lineUrl, { params: params }).then(response => {
const res = response.data
const res = {
"data": {
"resultType": "table",
"result": [
{
"statTime": 1731571020,
"domainCount": 0,
"ipCount": 0
},
{
"statTime": 1731571080,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731571140,
"ipCount": 8362,
"domainCount": 0
},
{
"statTime": 1731571200,
"ipCount": 8386,
"domainCount": 0
},
{
"statTime": 1731571260,
"ipCount": 8373,
"domainCount": 0
},
{
"statTime": 1731571320,
"ipCount": 8362,
"domainCount": 0
},
{
"statTime": 1731571380,
"ipCount": 8369,
"domainCount": 0
},
{
"statTime": 1731571440,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731571500,
"ipCount": 8374,
"domainCount": 0
},
{
"statTime": 1731571560,
"ipCount": 8364,
"domainCount": 0
},
{
"statTime": 1731571620,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731571680,
"ipCount": 8397,
"domainCount": 0
},
{
"statTime": 1731571740,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731571800,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731571860,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731571920,
"ipCount": 8405,
"domainCount": 0
},
{
"statTime": 1731571980,
"ipCount": 8403,
"domainCount": 0
},
{
"statTime": 1731572040,
"ipCount": 8403,
"domainCount": 0
},
{
"statTime": 1731572100,
"ipCount": 8397,
"domainCount": 0
},
{
"statTime": 1731572160,
"ipCount": 8405,
"domainCount": 0
},
{
"statTime": 1731572220,
"ipCount": 8404,
"domainCount": 0
},
{
"statTime": 1731572280,
"ipCount": 8374,
"domainCount": 0
},
{
"statTime": 1731572340,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731572400,
"ipCount": 8359,
"domainCount": 0
},
{
"statTime": 1731572460,
"ipCount": 8369,
"domainCount": 0
},
{
"statTime": 1731572520,
"ipCount": 8386,
"domainCount": 0
},
{
"statTime": 1731572580,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731572640,
"ipCount": 8373,
"domainCount": 0
},
{
"statTime": 1731572700,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731572760,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731572820,
"ipCount": 8380,
"domainCount": 0
},
{
"statTime": 1731572880,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731572940,
"ipCount": 8386,
"domainCount": 0
},
{
"statTime": 1731573000,
"ipCount": 8373,
"domainCount": 0
},
{
"statTime": 1731573060,
"ipCount": 8390,
"domainCount": 0
},
{
"statTime": 1731573120,
"ipCount": 8380,
"domainCount": 0
},
{
"statTime": 1731573180,
"ipCount": 8397,
"domainCount": 0
},
{
"statTime": 1731573240,
"ipCount": 8405,
"domainCount": 0
},
{
"statTime": 1731573300,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731573360,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731573420,
"ipCount": 8380,
"domainCount": 0
},
{
"statTime": 1731573480,
"ipCount": 8370,
"domainCount": 0
},
{
"statTime": 1731573540,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731573600,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731573660,
"ipCount": 8373,
"domainCount": 0
},
{
"statTime": 1731573720,
"ipCount": 8405,
"domainCount": 0
},
{
"statTime": 1731573780,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731573840,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731573900,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731573960,
"ipCount": 8380,
"domainCount": 0
},
{
"statTime": 1731574020,
"ipCount": 8403,
"domainCount": 0
},
{
"statTime": 1731574080,
"ipCount": 8362,
"domainCount": 0
},
{
"statTime": 1731574140,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731574200,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731574260,
"ipCount": 8399,
"domainCount": 0
},
{
"statTime": 1731574320,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731574380,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731574440,
"ipCount": 8389,
"domainCount": 0
},
{
"statTime": 1731574500,
"ipCount": 8369,
"domainCount": 0
},
{
"statTime": 1731574560,
"ipCount": 8378,
"domainCount": 0
},
{
"statTime": 1731574620,
"ipCount": 8374,
"domainCount": 0
}
]
}
}
// const res = response.data
if (response.status === 200) {
this.showError = false
this.isNoData = res.data.result.length === 0