<template>
    <div class="DPcomputer21Box">
        <!-- 采区产量统计 -->
        <div class="dataAnalysisScrView_leftView_title">采区产量统计</div>
        <div class="dataAnalysisScrView_leftView_content" style="position: relative;">
            <div id="echarts1View"></div>
        </div>
    </div>
</template>

<script>
import { Tools, HttpReq, CAMap} from '@/assets/js/common.js';
import * as echarts from 'echarts';
import "echarts-gl";
import { getPie3D } from "../../../components/echarts/bingtu3d";


export default {
    data(){
        return {
            DPcomputer21BoxTimer:null,
            //采取产量统计
            echarts1Data:[],
        }
    },
    mounted(){
        this.loadData();
    },
    methods:{
        loadData(){

        },
    },
    beforeDestroy(){
        if(this.DPcomputer21BoxTimer) {
			clearInterval(this.DPcomputer21BoxTimer);
            this.DPcomputer21BoxTimer = null;
		}
    }
}
</script>

<style scoped>
*{
  margin: 0;
  padding: 0;
}
.DPcomputer21Box{
    width: 20vw;
    height: 23.5vh;
    background-color: rgba(32,42,67,0.95);
    padding: 5px 7px;
    box-sizing: border-box;
    overflow: hidden;
}
.DPcomputer21Box .dataAnalysisScrView_leftView_title{
    margin-bottom: 5px;
    width: 100%;
    height: 3.5vh;
    background:no-repeat center center url('~@/assets/images/cutGraph/biaoti1.png');
	background-size:100% 100%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 3.5vh;
    color: #FAFAFB;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #92CBFF;
}
.DPcomputer21Box .dataAnalysisScrView_leftView_content{
    width: 100%;
    height: 19vh;
}
.DPcomputer21Box #echarts1View{
    position: absolute;
    left: -10vh;
    top: -7vh;
    width: 120%;
    height: 27vh;
}
</style>