Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetw...

zhangshuaibao

2021-03-31 b5acea8ed42d534cefa34d90f9eb1cd637dfe6d7

 src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue

@@ -1,10 +1,14 @@
<template>
  <div class="ShowEcharts">
      <div id="echarts" ref="main"></div>
      <div class="border_corner border_corner_left_top"></div>
      <div class="border_corner border_corner_right_top"></div>
      <div class="border_corner border_corner_left_bottom"></div>
      <div class="border_corner border_corner_right_bottom"></div>
  <!-- 框 -->
  <div class="win">
    <!-- 四个角的边框效果 -->
    <div class="main">
        <div id="echarts" ref="main"></div>
        <div class="border_corner border_corner_left_top"></div>
        <div class="border_corner border_corner_right_top"></div>
        <div class="border_corner border_corner_left_bottom"></div>
        <div class="border_corner border_corner_right_bottom"></div>
      </div>
  </div>
</template>

@@ -36,8 +40,8 @@
        },
        grid: {
          left: '3%',
          right: '3%',
          bottom: '3%',
          // right: '20%',
          // bottom: '3%',
          containLabel: true
        },
        toolbox: {
@@ -153,12 +157,19 @@
</script>

<style scoped lang="less">
    .ShowEcharts{
    .win {
        /*width: 100%;*/
        /*height: 100%;*/
        position: relative;
        display: inline-block;
        border: 1px solid #0B89B5;
        background: #243a55;
        margin: 10px;
        //display: inline-block;
        background-color: rgba(33, 41, 69,0.9);
    }
    #echarts{
        width: 600px;
        height: 260px;
        position: relative;
        margin: 0;
        padding: 0;
    }
    .border_corner{
        z-index: 2500;
@@ -193,8 +204,4 @@
        border-left: none;
        border-top: none;
    }
  #echarts{
      width: 600px;
      height: 260px;
  }
</style>