{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\HomePage\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\HomePage\\index.vue","mtime":1701943659908},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\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\r\n\r\nimport * as echarts from 'echarts'\r\n\r\nexport default {\r\n  name: 'HomePage', // 首页\r\n  components: {\r\n    // NetBookValue,\r\n    // OperatingAssets,\r\n    // LandAssets\r\n  },\r\n  data() {\r\n    return {\r\n      colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\r\n      dataList: [\r\n        {\r\n          name: '商业用地',\r\n          value: '12%',\r\n        },\r\n        {\r\n          name: '住宅用地',\r\n          value: '6%',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  watch: {},\r\n  created() { },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.initChat()\r\n      this.initSourceChat()\r\n      this.initCommercialChat()\r\n      this.initOwnershipChat()\r\n      this.initStatsChat()\r\n      this.initTypeChat()\r\n    })\r\n  },\r\n  methods: {\r\n    initOwnershipChat() {\r\n      let chartDom = echarts.init(document.getElementById('ownership-chart'))\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'item',\r\n        },\r\n        legend: {\r\n          bottom: '5%',\r\n          left: 'center',\r\n        },\r\n        series: [\r\n          {\r\n            type: 'pie',\r\n            radius: ['50%', '50%'],\r\n            center: ['47.6%', '48.4%'],\r\n            hoverAnimation: false,\r\n            clockWise: false,\r\n            cursor: 'default',\r\n            itemStyle: {\r\n              normal: {\r\n                borderWidth: 2,\r\n                borderColor: '#eaeaea',\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            label: {\r\n              show: false,\r\n            },\r\n            data: [100],\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '98%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 200, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 15,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 1,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '83.5%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 140, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 1,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 2,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n          {\r\n            name: '面积',\r\n            type: 'pie',\r\n            radius: ['55%', '67%'],\r\n            center: ['47.6%', '48.4%'],\r\n            avoidLabelOverlap: false,\r\n            itemStyle: {\r\n              borderColor: '#fff',\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              show: false,\r\n              position: 'center',\r\n            },\r\n\r\n            emphasis: {\r\n              label: {\r\n                show: true,\r\n                fontSize: 30,\r\n                formatter: function (params) {\r\n                  return [\r\n                    '{num|' +\r\n                    params.value +\r\n                    '}' +\r\n                    '{unit|㎡}',\r\n                    '{label|' + params.name + '}',\r\n                  ].join('\\n')\r\n                },\r\n                rich: {\r\n                  num: {\r\n                    fontSize: 30,\r\n                    color: '#000',\r\n                    lineHeight: 30,\r\n                    fontWeight: 700,\r\n                  },\r\n                  unit: {\r\n                    fontSize: 14,\r\n                    color: '#111',\r\n                    lineHeight: 30,\r\n                    padding: [0, 5],\r\n                  },\r\n                  label: {\r\n                    fontSize: 20,\r\n                    lineHeight: 30,\r\n                    color: '#444',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            labelLine: {\r\n              show: false,\r\n            },\r\n            data: [\r\n              {\r\n                value: 100,\r\n                name: '已权属',\r\n                itemStyle: {\r\n                  color: this.colorList[0],\r\n                },\r\n              },\r\n              {\r\n                value: 50,\r\n                name: '未权属',\r\n                itemStyle: {\r\n                  color: this.colorList[1],\r\n                },\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n    initStatsChat() {\r\n      let chartDom = echarts.init(document.getElementById('stats-chart'))\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'item',\r\n        },\r\n        legend: {\r\n          bottom: '5%',\r\n          left: 'center',\r\n        },\r\n        series: [\r\n          // 外圈背景\r\n          {\r\n            type: 'pie',\r\n            radius: ['50%', '50%'],\r\n            center: ['47.6%', '48.4%'],\r\n            hoverAnimation: false,\r\n            clockWise: false,\r\n            cursor: 'default',\r\n            itemStyle: {\r\n              normal: {\r\n                borderWidth: 2,\r\n                borderColor: '#eaeaea',\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            label: {\r\n              show: false,\r\n            },\r\n            data: [100],\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '98%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 200, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 15,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 1,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '83.5%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 140, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 1,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 2,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n          {\r\n            name: '面积',\r\n            type: 'pie',\r\n            radius: ['55%', '67%'],\r\n            center: ['47.6%', '48.4%'],\r\n            avoidLabelOverlap: false,\r\n            itemStyle: {\r\n              borderColor: '#fff',\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              show: false,\r\n              position: 'center',\r\n            },\r\n\r\n            emphasis: {\r\n              label: {\r\n                show: true,\r\n                fontSize: 30,\r\n                formatter: function (params) {\r\n                  return [\r\n                    '{num|' +\r\n                    params.value +\r\n                    '}' +\r\n                    '{unit|h㎡}',\r\n                    '{label|' + params.name + '}',\r\n                  ].join('\\n')\r\n                },\r\n                rich: {\r\n                  num: {\r\n                    fontSize: 30,\r\n                    color: '#000',\r\n                    lineHeight: 30,\r\n                    fontWeight: 700,\r\n                  },\r\n                  unit: {\r\n                    fontSize: 14,\r\n                    color: '#111',\r\n                    lineHeight: 30,\r\n                    padding: [0, 5],\r\n                  },\r\n                  label: {\r\n                    fontSize: 20,\r\n                    lineHeight: 30,\r\n                    color: '#444',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            labelLine: {\r\n              show: false,\r\n            },\r\n            data: [\r\n              {\r\n                value: 100,\r\n                name: '政府资产',\r\n                itemStyle: {\r\n                  color: this.colorList[2],\r\n                },\r\n              },\r\n              {\r\n                value: 50,\r\n                name: '企业资产',\r\n                itemStyle: {\r\n                  color: this.colorList[3],\r\n                },\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n    initTypeChat() {\r\n      let chartDom = echarts.init(document.getElementById('type-chart'))\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'item',\r\n        },\r\n        legend: {\r\n          bottom: '5%',\r\n          left: 'center',\r\n        },\r\n        series: [\r\n          // 外圈背景\r\n          {\r\n            type: 'pie',\r\n            radius: ['50%', '50%'],\r\n            center: ['47.6%', '48.4%'],\r\n            hoverAnimation: false,\r\n            clockWise: false,\r\n            cursor: 'default',\r\n            itemStyle: {\r\n              normal: {\r\n                borderWidth: 2,\r\n                borderColor: '#eaeaea',\r\n              },\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            label: {\r\n              show: false,\r\n            },\r\n            data: [100],\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '98%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 200, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 15,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 1,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n          {\r\n            type: 'gauge',\r\n            radius: '83.5%',\r\n            center: ['47.6%', '48.4%'],\r\n            clockwise: true,\r\n            startAngle: '100',\r\n            endAngle: '-269.9999',\r\n            splitNumber: 140, //线的条数\r\n            pointer: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            tooltip: {\r\n              show: false,\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              length: 1,\r\n              lineStyle: {\r\n                color: '#eaeaea',\r\n                width: 2,\r\n              },\r\n            },\r\n            axisLabel: {\r\n              show: false,\r\n            },\r\n          },\r\n\r\n          {\r\n            name: '面积',\r\n            type: 'pie',\r\n            radius: ['55%', '67%'],\r\n            center: ['47.6%', '48.4%'],\r\n            avoidLabelOverlap: false,\r\n            itemStyle: {\r\n              borderColor: '#fff',\r\n              borderWidth: 2,\r\n            },\r\n            label: {\r\n              show: false,\r\n              position: 'center',\r\n            },\r\n\r\n            emphasis: {\r\n              label: {\r\n                show: true,\r\n                fontSize: 30,\r\n                formatter: function (params) {\r\n                  return [\r\n                    '{num|' +\r\n                    params.value +\r\n                    '}' +\r\n                    '{unit|h㎡}',\r\n                    '{label|' + params.name + '}',\r\n                  ].join('\\n')\r\n                },\r\n                rich: {\r\n                  num: {\r\n                    fontSize: 30,\r\n                    color: '#000',\r\n                    lineHeight: 30,\r\n                    fontWeight: 700,\r\n                  },\r\n                  unit: {\r\n                    fontSize: 14,\r\n                    color: '#111',\r\n                    lineHeight: 30,\r\n                    padding: [0, 5],\r\n                  },\r\n                  label: {\r\n                    fontSize: 20,\r\n                    lineHeight: 30,\r\n                    color: '#444',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            labelLine: {\r\n              show: false,\r\n            },\r\n            data: [\r\n              {\r\n                value: 100,\r\n                name: '物业资产',\r\n                itemStyle: {\r\n                  color: this.colorList[1],\r\n                },\r\n              },\r\n              {\r\n                value: 50,\r\n                name: '商品房',\r\n                itemStyle: {\r\n                  color: this.colorList[2],\r\n                },\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n\r\n    initChat() {\r\n      let chartDom = echarts.init(\r\n        document.getElementById('status-chart')\r\n      )\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            // 坐标轴指示器，坐标轴触发有效\r\n            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'\r\n          },\r\n        },\r\n        legend: {\r\n          data: ['账面净值', '面积'],\r\n          align: 'left',\r\n          padding: [15, 0, 0, 0],\r\n        },\r\n        grid: {\r\n          left: '3%',\r\n          right: '4%',\r\n          bottom: '3%',\r\n          containLabel: true,\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: 'category',\r\n            data: [\r\n              '自建',\r\n              '购买',\r\n              '划拨',\r\n              '置换',\r\n              '出让',\r\n            ],\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: 'value',\r\n            name: '单位：万元',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: 'value',\r\n            name: '单位：㎡',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            position: 'right',\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: '账面净值',\r\n            type: 'bar',\r\n            data: [20, 12, 31, 34, 31],\r\n            barWidth: '15',\r\n            yAxisIndex: 0,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#55EDB0', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(85,237,176,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n          {\r\n            name: '面积',\r\n            type: 'bar',\r\n            data: [10, 20, 5, 9, 3],\r\n            barWidth: '15',\r\n            yAxisIndex: 1,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#8AC4FF', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(51,153,255,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n    initSourceChat() {\r\n      let chartDom = echarts.init(\r\n        document.getElementById('source-chart')\r\n      )\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            // 坐标轴指示器，坐标轴触发有效\r\n            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'\r\n          },\r\n        },\r\n        legend: {\r\n          data: ['账面净值', '面积'],\r\n          align: 'left',\r\n          padding: [15, 0, 0, 0],\r\n        },\r\n        grid: {\r\n          left: '3%',\r\n          right: '4%',\r\n          bottom: '3%',\r\n          containLabel: true,\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: 'category',\r\n            data: [\r\n              '自住',\r\n              '出租',\r\n              '出借',\r\n              '闲置',\r\n              '被占用',\r\n              '其他',\r\n            ],\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: 'value',\r\n            name: '单位：万元',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: 'value',\r\n            name: '单位：㎡',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            position: 'right',\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: '账面净值',\r\n            type: 'bar',\r\n            data: [20, 12, 31, 34, 31, 33],\r\n            barWidth: '15',\r\n            yAxisIndex: 0,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#55EDB0', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(85,237,176,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n          {\r\n            name: '面积',\r\n            type: 'bar',\r\n            data: [10, 20, 5, 9, 3, 4],\r\n            barWidth: '15',\r\n            yAxisIndex: 1,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#8AC4FF', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(51,153,255,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n    initCommercialChat() {\r\n      let chartDom = echarts.init(\r\n        document.getElementById('commercial-chart')\r\n      )\r\n      let option = {\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            // 坐标轴指示器，坐标轴触发有效\r\n            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'\r\n          },\r\n        },\r\n        legend: {\r\n          data: ['账面价值', '面积'],\r\n          align: 'left',\r\n          padding: [15, 0, 0, 0],\r\n        },\r\n        grid: {\r\n          left: '3%',\r\n          right: '4%',\r\n          bottom: '3%',\r\n          containLabel: true,\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: 'category',\r\n            data: [\r\n              '餐饮',\r\n              '零售',\r\n              '品牌商家',\r\n              '车位',\r\n              '配套设施',\r\n              '超市',\r\n              '住宅',\r\n              '写字楼',\r\n              '行政服务',\r\n              '厂房',\r\n              '仓库',\r\n              '学校',\r\n              '酒店',\r\n              '医院',\r\n            ],\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: 'value',\r\n            name: '单位：万元',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n          {\r\n            type: 'value',\r\n            name: '单位：㎡',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n            },\r\n            position: 'right',\r\n            splitLine: {\r\n              show: false,\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: '#A1A9B2', // 浅灰色\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: '账面价值',\r\n            type: 'bar',\r\n            data: [20, 12, 31, 34, 31, 0, 12, 31, 34, 31, 5, 33, 100],\r\n            barWidth: '15',\r\n            yAxisIndex: 0,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#C679E5 ', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(198, 121, 229,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n          {\r\n            name: '面积',\r\n            type: 'bar',\r\n            data: [10, 20, 5, 9, 3, 3, 9, 5, 20, 10, 5, 22, 35],\r\n            barWidth: '15',\r\n            yAxisIndex: 1,\r\n            itemStyle: {\r\n              color: {\r\n                type: 'linear',\r\n                x: 0,\r\n                y: 0,\r\n                x2: 0,\r\n                y2: 1,\r\n                colorStops: [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#FDB942', // 渐变起始颜色（绿色）\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: 'rgba(253, 185, 66,0.2)', // 渐变结束颜色（深绿色）\r\n                  },\r\n                ],\r\n              },\r\n              borderRadius: [3, 3, 0, 0], // 设置圆角大小\r\n            },\r\n          },\r\n        ],\r\n      }\r\n      chartDom.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        chartDom.resize()\r\n      })\r\n    },\r\n  },\r\n  beforeDestroy() { },\r\n}\r\n",null]}