{"remainingRequest":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cqlt-fvue\\src\\views\\BigScrenn\\investmentTheme\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\src\\views\\BigScrenn\\investmentTheme\\index.vue","mtime":1695867212935},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { mapState } from 'vuex';\nimport * as echarts from 'echarts';\nimport moment from \"moment\";\nimport VueSeamlessScroll from 'vue-seamless-scroll';\nimport investmentTheme from '@/api/bigScrenn/investmentTheme.js';\nimport screenHeader from '@/views/BigScrenn/components/screenHeader.vue';\nimport echartsTitle from '@/views/BigScrenn/investmentTheme/components/echartsTitle.vue'; // import echartsTitle1 from '@/views/BigScrenn/investmentTheme/components/echartsTitle1.vue'\n\nexport default {\n  components: {\n    screenHeader: screenHeader,\n    echartsTitle: echartsTitle,\n    VueSeamlessScroll: VueSeamlessScroll\n  },\n  data: function data() {\n    return {\n      currentKey: 'investmentTheme',\n      capacityList: [],\n      investmentList: [],\n      capacityParams: {// startYear: '',\n        // endYear: '',\n      },\n      investmentParams: {\n        startYear: '',\n        endYear: ''\n      },\n      ecologicalFlowHeader: [{\n        key: 'enterpriseName',\n        width: '8%',\n        name: '公司名称',\n        nameEn: 'Company name'\n      }, {\n        key: 'enterpriseCode',\n        width: '8%',\n        name: '公司编码',\n        nameEn: 'Company code'\n      }, {\n        key: 'banburyingNum',\n        width: '8%',\n        name: '密炼产线条数',\n        nameEn: 'Number of production lines'\n      }, {\n        key: 'banburyingCapacity',\n        width: '9%',\n        name: '每条线年产能(万吨)',\n        nameEn: 'Annual capacity per line'\n      }, {\n        key: 'banburyingCapacityTotal',\n        width: '9%',\n        name: '密炼线总产能(万吨)',\n        nameEn: 'Total capacity of the mixing line'\n      }, {\n        key: 'epdmNum',\n        width: '8%',\n        name: 'EPDM挤出线数',\n        nameEn: 'Number of extruded EPDM lines'\n      }, {\n        key: 'epdmCapacity',\n        width: '11%',\n        name: 'EPDM每条线年产能(百万米)',\n        nameEn: 'EPDM annual production capacity per line'\n      }, {\n        key: 'epdmCapacityTotal',\n        width: '12%',\n        name: 'EPDM挤出线总产能(百万米)',\n        nameEn: 'Total capacity of EPDM extrusion line'\n      }, {\n        key: 'tpeNum',\n        width: '9%',\n        name: 'TPE挤出线条数',\n        nameEn: 'Number of TPE extrusion lines'\n      }, {\n        key: 'tpeCapacity',\n        width: '10%',\n        name: '每条线年产能(百万米)',\n        nameEn: 'Annual capacity per line'\n      }, {\n        key: 'tpeCapacityTotal',\n        width: '11%',\n        name: 'TPE挤出线总产能(百万米)',\n        nameEn: 'Total capacity of TPE extrusion line'\n      }]\n    };\n  },\n  created: function created() {\n    window.localStorage.setItem('activeIndex', this.currentKey);\n    window.localStorage.setItem(\"pageName\", '投资主题'); // this.capacityParams = {\n    // \tstartYear: moment().subtract(5, 'year').format('YYYY'),\n    // \tendYear: moment().format('YYYY'),\n    // }\n\n    this.investmentParams = {\n      startYear: moment().subtract(5, 'year').format('YYYY'),\n      endYear: moment().format('YYYY')\n    };\n    this.getCapacity();\n    this.getInvestment();\n  },\n  mounted: function mounted() {},\n  computed: {\n    optionSingleHeightTime: function optionSingleHeightTime() {\n      return {\n        limitMoveNum: 10,\n        singleHeight: 30,\n        waitTime: 2500\n      };\n    }\n  },\n  methods: {\n    getCapacity: function getCapacity() {\n      var _this = this;\n\n      investmentTheme.capacitySituation(this.capacityParams, function (res) {\n        if (res.value) {\n          _this.capacityList = res.value; // this.$nextTick(() => {\n          // \tthis.capacityOneChart()\n          // \tthis.capacityTwoChart()\n          // \tthis.capacityThreeChart()\n          // })\n        }\n      });\n    },\n    getInvestment: function getInvestment() {\n      var _this2 = this;\n\n      investmentTheme.investmentSituation(this.investmentParams, function (res) {\n        if (res.value) {\n          _this2.investmentList = res.value;\n\n          _this2.$nextTick(function () {\n            _this2.investmentOneChart();\n\n            _this2.investmentTwoChart();\n          });\n        }\n      });\n    },\n    investmentOneChart: function investmentOneChart() {\n      var _this3 = this;\n\n      var chartDom = echarts.init(document.getElementById('oneChart'));\n      var xLabel = [];\n      var actual = [];\n      var budget = [];\n      this.investmentList.investmentSituation.forEach(function (e) {\n        xLabel.push(e.fillYear);\n        actual.push(e.actual);\n        budget.push(e.budget);\n      });\n      var option = {\n        backgroundColor: '',\n        tooltip: {\n          trigger: 'axis',\n          // 自定义tooltip内容\n          formatter: function formatter(item) {\n            var str = \"<div style=\\\"text-align:center;font-weight:700;font-size:16px\\\">\".concat(item[0].name, \"</div>\");\n            var index = 0; // 命名一个索引，用于匹配增减值、增减率\n\n            var leftClass = \"<span style=\\\"display: inline-block; width: \".concat(_this3.$i18n.locale === 'zh-CN' ? '100px' : '180px', \"; text-align: left;\\\">\");\n            var rightClass = '<span style=\"display: inline-block; width: 80px; text-align: right;\">';\n            item.forEach(function (it) {\n              str += \"\".concat(leftClass + it.seriesName, \":</span>\").concat(rightClass + it.value, \"</span></br>\");\n              index = it.dataIndex;\n            });\n\n            if (_this3.investmentList.investmentSituation[index].differenceValue !== undefined) {\n              str = str + \"\".concat(leftClass).concat(_this3.$i18n.locale === 'zh-CN' ? '增减值' : 'Value of increase or decrease', \":</span>\").concat(rightClass + _this3.investmentList.investmentSituation[index].differenceValue, \"</span></br>\");\n\n              if (_this3.investmentList.investmentSituation[index].differenceRate !== undefined) {\n                str = str + \"\".concat(leftClass).concat(_this3.$i18n.locale === 'zh-CN' ? '增减率' : 'Rate of increase and decrease', \":</span>\").concat(rightClass + _this3.investmentList.investmentSituation[index].differenceRate, \"</span>\");\n              }\n            }\n\n            return str;\n          }\n        },\n        legend: {\n          show: true,\n          textStyle: {\n            color: '#fff',\n            fontSize: 14,\n            padding: [0, 8, 0, 8]\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '9%',\n          right: '2%',\n          bottom: '8%'\n        },\n        xAxis: [{\n          type: 'category',\n          axisLabel: {\n            textStyle: {\n              color: '#FFFFFF',\n              fontSize: 12\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: '#233653'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: xLabel\n        }],\n        yAxis: [{\n          name: '欧元',\n          nameTextStyle: {\n            color: \"#fff\",\n            fontSize: 12,\n            padding: [0, 60, 0, 0]\n          },\n          type: 'value',\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#1160a0',\n              type: 'dashed'\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            //标签设置为全部显示\n            formatter: function formatter(params) {\n              var units = ['', '万', '百万', '亿', '万亿'];\n              var unitIndex = 0;\n\n              while (params >= 10000 && unitIndex < units.length - 1) {\n                params /= 10000;\n                unitIndex++;\n              }\n\n              var formattedNumber = params;\n              return formattedNumber + units[unitIndex];\n            },\n            textStyle: {\n              color: '#fff',\n              fontSize: 14\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          triggerEvent: true\n        }],\n        series: [{\n          name: this.$i18n.locale === 'zh-CN' ? '实际值' : 'Actual',\n          type: 'bar',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: actual\n        }, {\n          name: this.$i18n.locale === 'zh-CN' ? '预算值' : 'Budget',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: budget\n        }]\n      };\n      option && chartDom.setOption(option);\n    },\n    investmentTwoChart: function investmentTwoChart() {\n      var chartDom = echarts.init(document.getElementById('twoChart'));\n      var xLabel = [];\n      var arr = [];\n      this.investmentList.patents[0].list.forEach(function (a) {\n        xLabel.push(a.fillYear);\n      });\n      this.investmentList.patents.forEach(function (e) {\n        var newArr = [];\n        e.list.forEach(function (item) {\n          newArr.push(item.fillData);\n        });\n        arr.push({\n          name: e.subjectName,\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3 // color: '#518EF5', // 线条颜色\n\n            }\n          },\n          itemStyle: {\n            normal: {\n              // color: '#518EF5', //拐点颜色\n              // borderColor: '#fff600',//拐点边框颜色\n              // borderWidth: 13//拐点边框大小z\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: newArr\n        });\n      }); // return\n\n      var option = {\n        backgroundColor: '',\n        tooltip: {\n          trigger: 'axis'\n        },\n        legend: {\n          show: true,\n          textStyle: {\n            color: '#fff',\n            fontSize: 14,\n            padding: [0, 8, 0, 8]\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '9%',\n          right: '2%',\n          bottom: '8%'\n        },\n        xAxis: [{\n          type: 'category',\n          axisLabel: {\n            textStyle: {\n              color: '#FFFFFF',\n              fontSize: 12\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: '#233653'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: xLabel\n        }],\n        yAxis: [{\n          name: this.investmentList.patents[0].list[0].subjectUnit,\n          nameTextStyle: {\n            color: \"#fff\",\n            fontSize: 12,\n            padding: [0, 60, 0, 0]\n          },\n          type: 'value',\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#1160a0',\n              type: 'dashed'\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            //标签设置为全部显示\n            formatter: function formatter(params) {\n              var units = ['', '万', '百万', '亿', '万亿'];\n              var unitIndex = 0;\n\n              if (params < 0) {\n                params = Math.abs(params);\n\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n\n                params = 0 - params;\n              } else {\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n              }\n\n              var formattedNumber = params;\n              return formattedNumber + units[unitIndex];\n            },\n            textStyle: {\n              color: '#fff',\n              fontSize: 14\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          triggerEvent: true\n        }],\n        series: arr\n      };\n      option && chartDom.setOption(option);\n    },\n    capacityOneChart: function capacityOneChart() {\n      var chartDom = echarts.init(document.getElementById('threeChart'));\n      var xLabel = [];\n      var banburyingNum = [];\n      var banburyingCapacity = [];\n      var banburyingCapacityTotal = [];\n      this.capacityList.forEach(function (e) {\n        xLabel.push(e.fillYear);\n        banburyingNum.push(e.banburyingNum);\n        banburyingCapacity.push(e.banburyingCapacity);\n        banburyingCapacityTotal.push(e.banburyingCapacityTotal);\n      });\n      var option = {\n        backgroundColor: '',\n        tooltip: {\n          trigger: 'axis'\n        },\n        legend: {\n          show: true,\n          textStyle: {\n            color: '#fff',\n            fontSize: 14,\n            padding: [0, 8, 0, 8]\n          }\n        },\n        grid: {\n          top: '18%',\n          left: '10%',\n          right: '3%',\n          bottom: '12%'\n        },\n        xAxis: [{\n          type: 'category',\n          axisLabel: {\n            textStyle: {\n              color: '#FFFFFF',\n              fontSize: 12\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: '#233653'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: xLabel\n        }],\n        yAxis: [{\n          name: '万吨',\n          nameTextStyle: {\n            color: \"#fff\",\n            fontSize: 12,\n            padding: [0, 60, 0, 0]\n          },\n          type: 'value',\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#1160a0',\n              type: 'dashed'\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            //标签设置为全部显示\n            formatter: function formatter(params) {\n              var units = ['', '万', '百万', '亿', '万亿'];\n              var unitIndex = 0;\n\n              if (params < 0) {\n                params = Math.abs(params);\n\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n\n                params = 0 - params;\n              } else {\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n              }\n\n              var formattedNumber = params;\n              return formattedNumber + units[unitIndex];\n            },\n            textStyle: {\n              color: '#fff',\n              fontSize: 14\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          triggerEvent: true\n        }],\n        series: [{\n          name: '密炼产线条数',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: banburyingNum\n        }, {\n          name: '密炼每条线年产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: banburyingCapacity\n        }, {\n          name: '密炼线总产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: banburyingCapacityTotal\n        }]\n      };\n      option && chartDom.setOption(option);\n    },\n    capacityTwoChart: function capacityTwoChart() {\n      var chartDom = echarts.init(document.getElementById('fourChart'));\n      var xLabel = [];\n      var epdmNum = [];\n      var epdmCapacity = [];\n      var epdmCapacityTotal = [];\n      this.capacityList.forEach(function (e) {\n        xLabel.push(e.fillYear);\n        epdmNum.push(e.epdmNum);\n        epdmCapacity.push(e.epdmCapacity);\n        epdmCapacityTotal.push(e.epdmCapacityTotal);\n      });\n      var option = {\n        backgroundColor: '',\n        tooltip: {\n          trigger: 'axis'\n        },\n        legend: {\n          show: true,\n          textStyle: {\n            color: '#fff',\n            fontSize: 14,\n            padding: [0, 8, 0, 8]\n          }\n        },\n        grid: {\n          top: '18%',\n          left: '10%',\n          right: '3%',\n          bottom: '12%'\n        },\n        xAxis: [{\n          type: 'category',\n          axisLabel: {\n            textStyle: {\n              color: '#FFFFFF',\n              fontSize: 12\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: '#233653'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: xLabel\n        }],\n        yAxis: [{\n          name: '百万米',\n          nameTextStyle: {\n            color: \"#fff\",\n            fontSize: 12,\n            padding: [0, 60, 0, 0]\n          },\n          type: 'value',\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#1160a0',\n              type: 'dashed'\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            //标签设置为全部显示\n            formatter: function formatter(params) {\n              var units = ['', '万', '百万', '亿', '万亿'];\n              var unitIndex = 0;\n\n              if (params < 0) {\n                params = Math.abs(params);\n\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n\n                params = 0 - params;\n              } else {\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n              }\n\n              var formattedNumber = params;\n              return formattedNumber + units[unitIndex];\n            },\n            textStyle: {\n              color: '#fff',\n              fontSize: 14\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          triggerEvent: true\n        }],\n        series: [{\n          name: 'EPDM挤出线数',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: epdmNum\n        }, {\n          name: 'EPDM每条线年产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: epdmCapacity\n        }, {\n          name: 'EPDM挤出线总产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: epdmCapacityTotal\n        }]\n      };\n      option && chartDom.setOption(option);\n    },\n    capacityThreeChart: function capacityThreeChart() {\n      var chartDom = echarts.init(document.getElementById('fiveChart'));\n      var xLabel = [];\n      var tpeNum = [];\n      var tpeCapacity = [];\n      var tpeCapacityTotal = [];\n      this.capacityList.forEach(function (e) {\n        xLabel.push(e.fillYear);\n        tpeNum.push(e.tpeNum);\n        tpeCapacity.push(e.tpeCapacity);\n        tpeCapacityTotal.push(e.tpeCapacityTotal);\n      });\n      var option = {\n        backgroundColor: '',\n        tooltip: {\n          trigger: 'axis'\n        },\n        legend: {\n          show: true,\n          textStyle: {\n            color: '#fff',\n            fontSize: 14,\n            padding: [0, 8, 0, 8]\n          }\n        },\n        grid: {\n          top: '18%',\n          left: '10%',\n          right: '3%',\n          bottom: '12%'\n        },\n        xAxis: [{\n          type: 'category',\n          axisLabel: {\n            textStyle: {\n              color: '#FFFFFF',\n              fontSize: 12\n            }\n          },\n          splitLine: {\n            show: false,\n            lineStyle: {\n              color: '#233653'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          data: xLabel\n        }],\n        yAxis: [{\n          name: '万吨',\n          nameTextStyle: {\n            color: \"#fff\",\n            fontSize: 12,\n            padding: [0, 60, 0, 0]\n          },\n          type: 'value',\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: '#1160a0',\n              type: 'dashed'\n            }\n          },\n          axisLabel: {\n            interval: 0,\n            //标签设置为全部显示\n            formatter: function formatter(params) {\n              var units = ['', '万', '百万', '亿', '万亿'];\n              var unitIndex = 0;\n\n              if (params < 0) {\n                params = Math.abs(params);\n\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n\n                params = 0 - params;\n              } else {\n                while (params >= 10000 && unitIndex < units.length - 1) {\n                  params /= 10000;\n                  unitIndex++;\n                }\n              }\n\n              var formattedNumber = params;\n              return formattedNumber + units[unitIndex];\n            },\n            textStyle: {\n              color: '#fff',\n              fontSize: 14\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          triggerEvent: true\n        }],\n        series: [{\n          name: '密炼产线条数',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: tpeNum\n        }, {\n          name: '密炼每条线年产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: tpeCapacity\n        }, {\n          name: '密炼线总产能',\n          type: 'line',\n          symbol: 'circle',\n          // 默认是空心圆（中间是白色的），改成实心圆\n          smooth: true,\n          lineStyle: {\n            normal: {\n              width: 3\n            }\n          },\n          itemStyle: {\n            normal: {\n              label: {\n                show: false,\n                //开启显示\n                color: '#fff',\n                position: 'top',\n                //在上方显示\n                formatter: function formatter(res) {\n                  if (res.value) {\n                    return res.value;\n                  } else {\n                    return 0;\n                  }\n                }\n              }\n            }\n          },\n          symbolSize: 8,\n          //设定实心点的大小\n          data: tpeCapacityTotal\n        }]\n      };\n      option && chartDom.setOption(option);\n    }\n  }\n};",null]}