feat: line类型nodata优化

This commit is contained in:
chenjinsong
2022-10-08 16:23:48 +08:00
parent 7ec6cefb3b
commit 6bfe9f50ff
3 changed files with 11 additions and 7 deletions

View File

@@ -5,7 +5,7 @@
border: 1px solid #E2E5EC; border: 1px solid #E2E5EC;
border-radius: 4px; border-radius: 4px;
.chart-drawing { .chart-drawing {
height: calc(100% - 74px); height: 100%;
width: 100%; width: 100%;
.echarts-tooltip.echarts-tooltip-dark { .echarts-tooltip.echarts-tooltip-dark {
.cn-chart-body { .cn-chart-body {

View File

@@ -1,7 +1,6 @@
<template> <template>
<div class="line network link-traffic"> <div class="line network link-traffic">
<chart-no-data v-if="isNoData"></chart-no-data> <div class="line-header">
<div class="line-header" v-else>
<div class="line-header-left"> <div class="line-header-left">
<div class="line-value-active" v-if="lineTab"></div> <div class="line-value-active" v-if="lineTab"></div>
<div class="line-value"> <div class="line-value">
@@ -43,8 +42,11 @@
</div> </div>
</div> </div>
</div> </div>
<div style="height: calc(100% - 74px); position: relative">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="chart-drawing" v-show="showMarkLine && !isNoData" id="linkTrafficLineChart"></div> <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="linkTrafficLineChart"></div>
</div> </div>
</div>
</template> </template>
<script> <script>

View File

@@ -1,7 +1,6 @@
<template> <template>
<div class="line network"> <div class="line network">
<chart-no-data v-if="isNoData"></chart-no-data> <div class="line-header">
<div class="line-header" v-else>
<div class="line-header-left"> <div class="line-header-left">
<div class="line-value-active" v-if="lineTab"></div> <div class="line-value-active" v-if="lineTab"></div>
<div class="line-value"> <div class="line-value">
@@ -58,8 +57,11 @@
</div> </div>
</div> </div>
</div> </div>
<div style="height: calc(100% - 74px); position: relative">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="chart-drawing" v-show="showMarkLine && !isNoData" id="overviewLineChart"></div> <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="overviewLineChart"></div>
</div> </div>
</div>
</template> </template>
<script> <script>