surprise
2024-03-05 1ce1b525e7470ebaaeb0d5cd1e59bd905c1a7114
src/components/echart1.vue
@@ -1,879 +1,109 @@
<template>
  <div class="echart1_box">
    <div id="echart1"></div>
    <div>
      <el-select v-model="model" placeholder="" @change="getEchartsDta">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
        </el-option>
      </el-select>
    </div>
    <div class="echart">
      <div id="echart1"> </div>
    </div>
  </div>
</template>
<script>
import {
  zhangzitou_selectInfos
} from '../api/api.js'
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      chartData: [
        {
          id: "1",
          sjml: "国家基础地理数据",
          sjlb: "数字正射影像图",
          sjccl: "10240",
          fgfw: "全国",
          zbxt: "CGCS2000",
          ccgs: "TIF、img",
          jd: "0.5米、2米、15米分辨率",
        },
        {
          id: "2",
          sjml: "国家基础地理数据",
          sjlb: "数字高程模型",
          sjccl: "650",
          fgfw: "全国",
          zbxt: "CGCS2000",
          ccgs: "TIF",
          jd: "30米分辨率",
        },
        {
          id: "3",
          sjml: "国家基础地理数据",
          sjlb: "数字线划图",
          sjccl: "300",
          fgfw: "全国",
          zbxt: "CGCS2000",
          ccgs: "gdb、mdb",
          jd: "1:25万、1:100万",
        },
        {
          id: "4",
          sjml: "中俄东线管道工程南段",
          sjlb: "勘察数据",
          sjccl: "60",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "5",
          sjml: "中俄东线管道工程南段",
          sjlb: "岩土数据",
          sjccl: "30",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "6",
          sjml: "中俄东线管道工程南段",
          sjlb: "测量数据",
          sjccl: "120",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "7",
          sjml: "中俄东线管道工程南段",
          sjlb: "合规数据",
          sjccl: "1",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "8",
          sjml: "中俄东线管道工程南段",
          sjlb: "管理数据",
          sjccl: "1",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "9",
          sjml: "中俄东线管道工程中段",
          sjlb: "勘察数据",
          sjccl: "30",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "10",
          sjml: "中俄东线管道工程中段",
          sjlb: "岩土数据",
          sjccl: "20",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "11",
          sjml: "中俄东线管道工程中段",
          sjlb: "测量数据",
          sjccl: "40",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "12",
          sjml: "中俄东线管道工程中段",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "13",
          sjml: "中俄东线管道工程中段",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "14",
          sjml: "广州站",
          sjlb: "勘察数据",
          sjccl: "10",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:500比例尺",
        },
        {
          id: "15",
          sjml: "广州站",
          sjlb: "岩土数据",
          sjccl: "5",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:500比例尺",
        },
        {
          id: "16",
          sjml: "广州站",
          sjlb: "测量数据",
          sjccl: "20",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:500比例尺",
        },
        {
          id: "17",
          sjml: "广州站",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "18",
          sjml: "广州站",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "19",
          sjml: "唐山LNG",
          sjlb: "勘察数据",
          sjccl: "20",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "20",
          sjml: "唐山LNG",
          sjlb: "岩土数据",
          sjccl: "5",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "21",
          sjml: "唐山LNG",
          sjlb: "测量数据",
          sjccl: "40",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "22",
          sjml: "唐山LNG",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "23",
          sjml: "唐山LNG",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "24",
          sjml: "新疆连木沁站场",
          sjlb: "勘察数据",
          sjccl: "25",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:500比例尺",
        },
        {
          id: "25",
          sjml: "新疆连木沁站场",
          sjlb: "岩土数据",
          sjccl: "5",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:500比例尺",
        },
        {
          id: "26",
          sjml: "新疆连木沁站场",
          sjlb: "测量数据",
          sjccl: "30",
          fgfw: "覆盖站场范围",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:500比例尺",
        },
        {
          id: "27",
          sjml: "新疆连木沁站场",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "28",
          sjml: "新疆连木沁站场",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "29",
          sjml: "中缅天然气管道风险排查航空摄影测量",
          sjlb: "勘察数据",
          sjccl: "80",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "30",
          sjml: "中缅天然气管道风险排查航空摄影测量",
          sjlb: "岩土数据",
          sjccl: "1",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "31",
          sjml: "中缅天然气管道风险排查航空摄影测量",
          sjlb: "测量数据",
          sjccl: "200",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "32",
          sjml: "中缅天然气管道风险排查航空摄影测量",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "33",
          sjml: "中缅天然气管道风险排查航空摄影测量",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "34",
          sjml: "宁强至安康段天然气管道工程",
          sjlb: "勘察数据",
          sjccl: "50",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "35",
          sjml: "宁强至安康段天然气管道工程",
          sjlb: "岩土数据",
          sjccl: "3",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "36",
          sjml: "宁强至安康段天然气管道工程",
          sjlb: "测量数据",
          sjccl: "50",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "37",
          sjml: "宁强至安康段天然气管道工程",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "38",
          sjml: "宁强至安康段天然气管道工程",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "39",
          sjml: "中缅油气管道数字化恢复测量成果",
          sjlb: "勘察数据",
          sjccl: "100",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "40",
          sjml: "中缅油气管道数字化恢复测量成果",
          sjlb: "岩土数据",
          sjccl: "1",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "41",
          sjml: "中缅油气管道数字化恢复测量成果",
          sjlb: "测量数据",
          sjccl: "200",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "42",
          sjml: "中缅油气管道数字化恢复测量成果",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "43",
          sjml: "中缅油气管道数字化恢复测量成果",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "44",
          sjml: "QZ 天然气(成品油)管道工程",
          sjlb: "勘察数据",
          sjccl: "40",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "45",
          sjml: "QZ 天然气(成品油)管道工程",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "46",
          sjml: "QZ 天然气(成品油)管道工程",
          sjlb: "测量数据",
          sjccl: "200",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "47",
          sjml: "QZ 天然气(成品油)管道工程",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "48",
          sjml: "QZ 天然气(成品油)管道工程",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "49",
          sjml: "西气东输高后果区风险排查项目",
          sjlb: "勘察数据",
          sjccl: "60",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "50",
          sjml: "西气东输高后果区风险排查项目",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "51",
          sjml: "西气东输高后果区风险排查项目",
          sjlb: "测量数据",
          sjccl: "500",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "52",
          sjml: "西气东输高后果区风险排查项目",
          sjlb: "合规数据",
          sjccl: "2",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "53",
          sjml: "西气东输高后果区风险排查项目",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "54",
          sjml: "管道公司漠大线坐标转换及中心线外业测绘项目",
          sjlb: "勘察数据",
          sjccl: "20",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "55",
          sjml: "管道公司漠大线坐标转换及中心线外业测绘项目",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "56",
          sjml: "管道公司漠大线坐标转换及中心线外业测绘项目",
          sjlb: "测量数据",
          sjccl: "300",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "57",
          sjml: "管道公司漠大线坐标转换及中心线外业测绘项目",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "58",
          sjml: "管道公司漠大线坐标转换及中心线外业测绘项目",
          sjlb: "管理数据",
          sjccl: "1",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "59",
          sjml: "山东管网西干线项目",
          sjlb: "勘察数据",
          sjccl: "20",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "60",
          sjml: "山东管网西干线项目",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "61",
          sjml: "山东管网西干线项目",
          sjlb: "测量数据",
          sjccl: "150",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "62",
          sjml: "山东管网西干线项目",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "63",
          sjml: "山东管网西干线项目",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "64",
          sjml: "北京燃气南港 LNG 应急储备项目外输管道工程",
          sjlb: "勘察数据",
          sjccl: "30",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "65",
          sjml: "北京燃气南港 LNG 应急储备项目外输管道工程",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "66",
          sjml: "北京燃气南港 LNG 应急储备项目外输管道工程",
          sjlb: "测量数据",
          sjccl: "80",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "67",
          sjml: "北京燃气南港 LNG 应急储备项目外输管道工程",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "68",
          sjml: "北京燃气南港 LNG 应急储备项目外输管道工程",
          sjlb: "管理数据",
          sjccl: "2",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "69",
          sjml: "西气东输三线中段管道工程",
          sjlb: "勘察数据",
          sjccl: "15",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "70",
          sjml: "西气东输三线中段管道工程",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "71",
          sjml: "西气东输三线中段管道工程",
          sjlb: "测量数据",
          sjccl: "40",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "72",
          sjml: "西气东输三线中段管道工程",
          sjlb: "合规数据",
          sjccl: "1",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "73",
          sjml: "西气东输三线中段管道工程",
          sjlb: "管理数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "74",
          sjml: "中哈液化石油气跨境管道项目",
          sjlb: "勘察数据",
          sjccl: "28",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、png、jpg、doc、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "75",
          sjml: "中哈液化石油气跨境管道项目",
          sjlb: "岩土数据",
          sjccl: "10",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "tif、xls、png、jpg、doc",
          jd: "1:2000比例尺",
        },
        {
          id: "76",
          sjml: "中哈液化石油气跨境管道项目",
          sjlb: "测量数据",
          sjccl: "50",
          fgfw: "管道沿线1公里带状",
          zbxt: "CGCS2000",
          ccgs: "xls、tif、mpt、3dml等",
          jd: "1:2000比例尺",
        },
        {
          id: "77",
          sjml: "中哈液化石油气跨境管道项目",
          sjlb: "合规数据",
          sjccl: "0.5",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
        {
          id: "78",
          sjml: "中哈液化石油气跨境管道项目",
          sjlb: "管理数据",
          sjccl: "1",
          zbxt: "CGCS2000",
          ccgs: "doc、xls、pdf、jpg等",
        },
      ],
      chartData: [],
      siteOption: [],
      model: null,
      options: [],
    };
  },
  mounted() {
    this.lineChart();
    this.initChart();
  },
  //方法集合
  methods: {
    lineChart() {
    async initChart() {
      const data = await zhangzitou_selectInfos();
      if (data.code != 200) return;
      if (this.siteOption.length <= 0) {
        var std = [];
        for (var i in data.result) {
          var val = data.result[i]
          if (std.indexOf(val.line) == -1) {
            std.push(val.line)
          }
        }
      }
      var str = [];
      for (var i in std) {
        str.push({
          label: std[i],
          value: std[i]
        })
      }
      this.options = str;
      this.model = this.options[0].value
      this.getEchartsDta();
    },
    async getEchartsDta() {
      const data = await zhangzitou_selectInfos({ line: this.model });
      if (data.code != 200) return;
      var std =[];
      for(var i in data.result){
        var val = data.result[i]
        std.push(
          { value: val.count, name: val.type },
        )
      }
      this.lineChart(std)
    },
    lineChart(res) {
      let option = {
        title: {
          //   text: "Stacked Line",
          left: 'center'
        },
        tooltip: {
          trigger: "axis",
          trigger: 'item'
        },
        legend: {
          data: [
            "数字正射影像图",
            "数字高程模型",
            "数字线划图",
            "勘察数据",
            "岩土数据",
            "测量数据",
            "合规数据",
            "管理数据",
          ],
          textStyle: {
            color: "#fff", // 图例文字颜色
          },
        },
        grid: {
          left: "6%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          type: "category",
          boundaryGap: false,
          data: [
            "国家基础地理数据",
            "中俄东线管道工程南段",
            "中俄东线管道工程中段",
            "广州站",
            "唐山LNG",
            "新疆连木沁站场",
            "中缅天然气管道风险排查航空摄影测量",
            "宁强至安康段天然气管道工程",
            "中缅油气管道数字化恢复测量成果",
            "QZ 天然气(成品油)管道工程",
            "西气东输高后果区风险排查项目",
            "管道公司漠大线坐标转换及中心线外业测绘项目",
            "山东管网西干线项目",
            "北京燃气南港 LNG 应急储备项目外输管道工程",
            "西气东输三线中段管道工程",
            "中哈液化石油气跨境管道项目",
          ],
          axisLabel: {
            interval: 0, //控制X轴刻度全部显示
            rotate: 45, //倾斜角度
            show: true,
            textStyle: {
              color: "#fff",
            },
          },
        },
        yAxis: {
          type: "value",
          axisLabel: {
            show: true,
            textStyle: {
              color: "#fff",
            },
          },
          orient: 'vertical',
          left: 'left'
        },
        series: [
          {
            name: "数字正射影像图",
            type: "line",
            stack: "Total",
            data: [3000, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
          },
          {
            name: "数字高程模型",
            type: "line",
            stack: "Total",
            data: [650, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
          },
          {
            name: "数字线划图",
            type: "line",
            stack: "Total",
            data: [300, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
          },
          {
            name: "勘察数据",
            type: "line",
            stack: "Total",
            data: [
              0, 60, 30, 10, 20, 25, 80, 50, 100, 40, 60, 20, 20, 30, 15, 28,
            ],
          },
          {
            name: "岩土数据",
            type: "line",
            stack: "Total",
            data: [0, 30, 20, 5, 5, 5, 1, 3, 1, 10, 10, 10, 10, 10, 10, 10],
          },
          {
            name: "测量数据",
            type: "line",
            stack: "Total",
            data: [
              0, 120, 40, 10, 20, 40, 30, 200, 50, 200, 500, 300, 150, 80, 40,
              50,
            ],
          },
          {
            name: "合规数据",
            type: "line",
            stack: "Total",
            data: [
              0, 0.5, 1, 0.5, 0.5, 0.5, 2, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5,
              0.5, 0.5,
            ],
          },
          {
            name: "管理数据",
            type: "line",
            stack: "Total",
            data: [
              0, 1, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 1, 0.5, 2, 0.5,
              1,
            ],
          },
        ],
            name:  this.model,
            type: 'pie',
            radius: '50%',
            data:  res,
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            }
          }
        ]
      };
      let myChart = this.$echarts.init(document.getElementById("echart1"));
      myChart.setOption(option);
@@ -882,17 +112,26 @@
      });
    },
  },
  created() {},
  created() { },
};
</script>
<style lang="less" scoped>
//@import url(); 引入公共css类
.echart1_box {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
}
#echart1 {
  width: 100%;
  height: 100%;
  // position: absolute;
}
.echart {
  position: relative;
  width: 100%;
  margin-top: 5px;
  height: calc(100% - 50px);
//  background: skyblue;
 #echart1{
  width: 100%;
  height: 100%;
 }
}
</style>