<template>
<div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/jc/workbench' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>数据统计</el-breadcrumb-item>
	</el-breadcrumb>
    <div id="charts">
    <div class="chart">
    <tasksChart taskClass = "例行监测"></tasksChart>
    </div>
    <div>
    <tasksChart taskClass = "专项监测"></tasksChart>
    </div>
    </div>
    <!-- <mutiChart></mutiChart> -->
</div>
</template>
<script>
  import tasksChart from './tasksChart'
//   import mutiChart from './mutiChart'
export default {
    
    name: "dataStatistics",
    data() {
      return {
      }
    },
    components: {
        tasksChart,
    },
    mounted() {
		},
    created() {
		},
    methods: {
        
    }
  }

</script>
<style lang="less" scoped>
    #charts{
        width: 100%;
        height: 30rem;
        display: flex;
        justify-content: center;
        align-items: center;
        .chart{
            margin-right: 8rem;
        }
        .tasksChart{
            margin: 1.875rem;
        }
    }
</style>