派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-03-31 e0eb378045eb18117fcf0a1eac6dad57ce6f743b
src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
@@ -1,11 +1,7 @@
<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>
    <div class="main">
        <div id="echarts" ref="main"></div>
      </div>
</template>
<script>
@@ -36,8 +32,9 @@
        },
        grid: {
          left: '3%',
          right: '3%',
          right: '1%',
          bottom: '3%',
          top: '10%',
          containLabel: true
        },
        toolbox: {
@@ -153,48 +150,14 @@
</script>
<style scoped lang="less">
    .ShowEcharts{
    .main{
        background: rgba(255, 255, 255, 0.1);
    }
    #echarts{
        width: 600px;
        height: 260px;
        position: relative;
        display: inline-block;
        border: 1px solid #0B89B5;
        background: #243a55;
        margin: 10px;
        margin: 0;
        padding: 0;
    }
    .border_corner{
        z-index: 2500;
        position: absolute;
        width: 14px;
        height: 14px;
        background: rgba(0,0,0,0);
        border: 2px solid #47d5ea;
    }
    .border_corner_left_top{
        top: 0;
        left: 0;
        border-right: none;
        border-bottom: none;
    }
    .border_corner_right_top{
        top: 0;
        right: 0;
        border-left: none;
        border-bottom: none;
    }
    .border_corner_left_bottom{
        bottom: 0;
        left: 0;
        border-right: none;
        border-top: none;
        border-bottom-left-radius: 4px;
    }
    .border_corner_right_bottom{
        bottom: 0;
        right: 0;
        border-left: none;
        border-top: none;
    }
  #echarts{
      width: 600px;
      height: 260px;
  }
</style>