{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\ColumnarChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\ColumnarChart.vue","mtime":1667327528903},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nexport default {\r\n  mounted() {\r\n    this.draw()\r\n  },\r\n  methods: {\r\n    draw() {\r\n      var chartDom = document.getElementById('mainColumn')\r\n      var myChart = echarts.init(chartDom)\r\n      var option\r\n\r\n      option = {\r\n        legend: {\r\n          top: 'bottom',\r\n          padding: 30,\r\n          data: ['年度投资', '计划投资']\r\n        },\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            type: 'cross',\r\n            crossStyle: {\r\n              color: '#999'\r\n            }\r\n          },\r\n          // 此处配置鼠标移动对应区域时的黑色弹框\r\n          trigger: 'axis',\r\n          // formatter: a => {\r\n          //   return (\r\n          //     a.seriesName +\r\n          //     '<br/>' +\r\n          //     a.marker +\r\n          //     a.name +\r\n          //     ' ' +\r\n          //     a.data[a.seriesIndex + 1] +\r\n          //     '万元'\r\n          //   )\r\n          // }\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            axisPointer: {\r\n              type: 'shadow'\r\n            },\r\n            axisLabel: {\r\n              fontSize: 14\r\n            }\r\n          }\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: 'value',\r\n            min: 0,\r\n            max: '1200',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n              fontSize: 16\r\n            }\r\n          },\r\n          {\r\n            type: 'value',\r\n            min: 0,\r\n            max: '1200',\r\n            axisLabel: {\r\n              formatter: '{value}',\r\n              fontSize: 16\r\n            }\r\n          }\r\n        ],\r\n        series: [\r\n          {\r\n            name: '年度投资',\r\n            type: 'bar',\r\n            tooltip: {\r\n              valueFormatter: function(value) {\r\n                return value + '万元'\r\n              }\r\n            },\r\n            emphasis: {\r\n              itemStyle: {\r\n                shadowBlur: 10,\r\n                shadowColor: 'rgba(0,0,0,0.3)'\r\n              }\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                barBorderRadius: [10, 10, 0, 0],\r\n                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n                  {offset: 1, color: '#63b2ee'},\r\n                  {offset: 0.5, color: '#76da91'},\r\n                  {offset: 0, color: '#f8cb7f'}\r\n                ])\r\n              }\r\n            },\r\n            data: [\r\n              730.2984,\r\n              256.4447,\r\n              220,\r\n              340,\r\n              429,\r\n              791,\r\n              652,\r\n              452,\r\n              323,\r\n              255,\r\n              671,\r\n              303\r\n            ]\r\n          },\r\n\r\n          {\r\n            name: '计划投资',\r\n            type: 'line',\r\n            yAxisIndex: 1,\r\n            // smooth: true,\r\n            tooltip: {\r\n              valueFormatter: function(value) {\r\n                return value + '万元'\r\n              }\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: '#f89588'\r\n              }\r\n            },\r\n            data: [\r\n              830.2984,\r\n              286.4447,\r\n              320,\r\n              340,\r\n              429,\r\n              791,\r\n              652,\r\n              452,\r\n              623,\r\n              255,\r\n              771,\r\n              403\r\n            ]\r\n          }\r\n        ]\r\n      }\r\n\r\n      option && myChart.setOption(option)\r\n    }\r\n  }\r\n}\r\n",null]}