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

fix: npm tab切换时重复idecharts图表渲染错误问题

Browse Source
This commit is contained in:
@changcode
2022-12-23 14:31:59 +08:00
parent 2232409db2
commit a24d874cd6
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,7 @@
<div class="npm-traffic-line-body"> <div class="npm-traffic-line-body">
<chart-error v-if="showError" :content="errorMsg" /> <chart-error v-if="showError" :content="errorMsg" />
<chart-no-data v-if="isNoData && !showError"></chart-no-data> <chart-no-data v-if="isNoData && !showError"></chart-no-data>
<div v-show="!isNoData && !showError" class="chart-drawing" id="chart"></div> <div v-show="!isNoData && !showError" class="chart-drawing" id="chart-line"></div>
</div> </div>
</div> </div>
</template> </template>
@@ -543,7 +543,7 @@ export default {
echartsData = echartsData.filter(t => t.show === true) echartsData = echartsData.filter(t => t.show === true)
this.$nextTick(() => { this.$nextTick(() => {
if (echartsData.length > 0) { if (echartsData.length > 0) {
const dom = document.getElementById('chart') const dom = document.getElementById('chart-line')
!this.myChart && (this.myChart = echarts.init(dom)) !this.myChart && (this.myChart = echarts.init(dom))
this.chartOption = trafficLineChartOption this.chartOption = trafficLineChartOption
const chartOption = this.chartOption.series[0] const chartOption = this.chartOption.series[0]