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

fix: 修复折线图切换不同选项后，图形初始化偶现错误

Browse Source
This commit is contained in:
刘洪洪
2023-03-28 16:19:54 +08:00
parent d4ab1d19e6
commit 4af4dc4260
3 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
View File

@@ -199,8 +199,6 @@ export default {
}
const _this = this
if (echartsData.length > 0) {
const dom = document.getElementById('dnsLineChart')
!this.myChart && (this.myChart = echarts.init(dom))
this.chartOption = stackedLineChartOption
const chartOption = this.chartOption.series[0]
this.chartOption.series = echartsData.map((t, i) => {
@@ -284,7 +282,13 @@ export default {
return stackedLineTooltipFormatter(params)
}
this.showMarkLine = true
this.myChart.setOption(this.chartOption)
this.$nextTick(() => {
if (this.myChart) {
this.myChart.dispose()
}
this.myChart = echarts.init(document.getElementById('dnsLineChart'))
this.myChart.setOption(this.chartOption)
})
}
})
},

12
src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
View File

@@ -197,8 +197,8 @@ export default {
}
const _this = this
const dom = document.getElementById('linkTrafficLineChart')
!this.myChart && (this.myChart = echarts.init(dom))
// const dom = document.getElementById('linkTrafficLineChart')
// !this.myChart && (this.myChart = echarts.init(dom))
this.chartOption = linkTrafficLineChartOption
const chartOption = this.chartOption.series[0]
@@ -253,7 +253,13 @@ export default {
}
this.showMarkLine = true
this.myChart.setOption(this.chartOption)
this.$nextTick(() => {
if (this.myChart) {
this.myChart.dispose()
}
this.myChart = echarts.init(document.getElementById('linkTrafficLineChart'))
this.myChart.setOption(this.chartOption)
})
}
},
activeChange (item, index) {

15
src/views/charts2/charts/npm/NpmTrafficLine.vue
View File

@@ -212,8 +212,8 @@ export default {
echartsData = echartsData.filter(t => t.show === true)
this.$nextTick(() => {
if (echartsData.length > 0) {
const dom = this.$refs['chart-line']
!this.myChart && (this.myChart = echarts.init(dom))
// const dom = this.$refs['chart-line']
// !this.myChart && (this.myChart = echarts.init(dom))
this.chartOption = _.cloneDeep(trafficLineChartOption)
const chartOption = this.chartOption.series[0]
@@ -275,8 +275,15 @@ export default {
return stackedLineTooltipFormatter(params)
}
this.myChart.on('legendselectchanged', this.selectLegend)
this.myChart.setOption(this.chartOption, true)
this.$nextTick(() => {
if (this.myChart) {
this.myChart.dispose()
}
const dom = this.$refs['chart-line']
this.myChart = echarts.init(dom)
this.myChart.setOption(this.chartOption, true)
this.myChart.on('legendselectchanged', this.selectLegend)
})
}
})
},