{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\OperatingAssets.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\OperatingAssets.vue","mtime":1701943659893},{"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\r\nimport * as echarts from 'echarts'\r\nimport PublicTitle from '@/components/PublicTitle/index'\r\nexport default {\r\n name: 'OperatingAssets', // 经营性资产\r\n components: {PublicTitle},\r\n data() {\r\n return {}\r\n },\r\n created() {},\r\n mounted() {\r\n this.initChat()\r\n },\r\n methods: {\r\n initChat() {\r\n let chartDom = echarts.init(\r\n document.getElementById('oriented-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: [20, 0, 0, 0],\r\n },\r\n grid: {\r\n left: '1%',\r\n right: '1%',\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 axisLabel: {\r\n // fontSize: this.getSize() //设置坐标轴文本标签的字体大小\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: [348756, 1022565, 454852, 889785, 15456, 825856],\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: [\r\n 948756, 1322565, 754852, 999786, 255456, 1125856,\r\n ],\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 },\r\n}\r\n",null]}