echarts的数据显示功能

zhangshuaibao

2021-04-12 c77abda3614ba5c0a317b92eef29edbb39501d8f

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

@@ -3,10 +3,10 @@
  <div id="Tab">
    <div class="animation">
      <div class="infomation">
        <span class="grid-content">氮氧化物 : 29.93 标准 : 100</span>
        <span class="grid-content">二氧化硫 : 17.34 标准 : 50</span>
        <span class="grid-content">烟尘 : 6.93 标准 : 30</span>
        <span class="grid-content">废气流量 : 120343.18</span>
        <span class="grid-content">氮氧化物 :<i>29.93</i>  标准 : 100</span>
        <span class="grid-content">二氧化硫 : <i>17.34</i> 标准 : 50</span>
        <span class="grid-content">烟尘 : <i>6.93</i> 标准 : 30</span>
        <span class="grid-content">废气流量 : <i>120343.18</i></span>
      </div>
    </div>
    <div class="form-echrts">
@@ -58,7 +58,6 @@

<script>
import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'
// import dayjs from 'dayjs'

export default {
  name: 'ECharts',
@@ -369,7 +368,6 @@
              border-radius: 6px;
              width: 80px;
              height: 22px;
              text-align: center;
            }
          input::-webkit-calendar-picker-indicator {
            opacity: 100;
@@ -378,15 +376,10 @@
                background-color:#2e4967;
                text-align: center;
                padding: 0 7px;
                line-height: 24px;
                line-height: 20px;
                border-radius: 4px;
                margin-right: 6px;
            }
          .detailbtn:hover{
            box-shadow: 0 0 0.03rem #fff700 !important;
            color:#fff700 !important;
            cursor: pointer;
          }
        }
        .el-dialog-div {
            //height: 50vh!important;
@@ -397,6 +390,9 @@
        #echarts {
            margin: 0;
            padding: 0;
            //height: 3rem;
            //border: 1px solid #396d83;
            //margin: 10px 10px 10px 10px;
        }
    }
</style>