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:
@changcode
2022-09-28 14:59:14 +08:00
parent 8e7cf6e9df
commit ff97960918
4 changed files with 148 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,7 @@
<template>
<div class="line network dns-traffic-line">
<chart-no-data v-if="isNoData"></chart-no-data>
<template v-else>
<div class="line-header">
<div class="line-header" v-else>
<div class="line-header-left">
<div class="line-value-active" v-if="lineTab"></div>
<div class="line-value">
@@ -59,8 +58,7 @@
</div>
</div>
</div>
<div class="chart-drawing" v-show="showMarkLine" id="dnsLineChart"></div>
</template>
<div class="chart-drawing" v-show="showMarkLine && !isNoData" id="dnsLineChart"></div>
</div>
</template>

6
src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
View File

@@ -1,8 +1,7 @@
<template>
<div class="line network link-traffic">
<chart-no-data v-if="isNoData"></chart-no-data>
<template v-else>
<div class="line-header">
<div class="line-header" v-else>
<div class="line-header-left">
<div class="line-value-active" v-if="lineTab"></div>
<div class="line-value">
@@ -44,8 +43,7 @@
</div>
</div>
</div>
<div class="chart-drawing" v-show="showMarkLine" id="linkTrafficLineChart"></div>
</template>
<div class="chart-drawing" v-show="showMarkLine && !isNoData" id="linkTrafficLineChart"></div>
</div>
</template>

6
src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
View File

@@ -1,8 +1,7 @@
<template>
<div class="line network">
<chart-no-data v-if="isNoData"></chart-no-data>
<template v-else>
<div class="line-header">
<div class="line-header" v-else>
<div class="line-header-left">
<div class="line-value-active" v-if="lineTab"></div>
<div class="line-value">
@@ -59,8 +58,7 @@
</div>
</div>
</div>
<div class="chart-drawing" v-show="showMarkLine" id="overviewLineChart"></div>
</template>
<div class="chart-drawing" v-show="showMarkLine && !isNoData" id="overviewLineChart"></div>
</div>
</template>

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

@@ -170,9 +170,7 @@ export default {
this.toggleLoading(true)
get(api.npm.overview.trafficGraph, params).then((res) => {
if (res.code === 200) {
if (res.data.result.length === 0) {
this.isNoData = true
}
this.isNoData = res.data.result.length === 0
res.data.result.forEach((t, i) => {
if (t.type === 'bytes' && val === 'Bits/s') {
const mpackets = _.cloneDeep(this.mpackets)
@@ -276,6 +274,9 @@ export default {
} else {
this.isNoData = true
}
}).catch(e => {
console.error(e)
this.isNoData = true
}).finally(() => {
this.toggleLoading(false)
})
@@ -283,9 +284,7 @@ export default {
echartsInit (echartsData) {
echartsData = echartsData.filter(t => t.show === true)
const dom = document.getElementById('chart')
if (!this.myChart) {
this.myChart = echarts.init(dom)
}
!this.myChart && (this.myChart = echarts.init(dom))
this.chartOption = trafficLineChartOption
const chartOption = this.chartOption.series[0]
this.chartOption.series = echartsData.map((t, i) => {