{"version":3,"sources":["webpack:///./src/views/bjba/home/common/right01.vue","webpack:///src/views/bjba/home/common/right01.vue","webpack:///./src/views/bjba/home/common/right01.vue?df00","webpack:///./src/views/bjba/home/common/right01.vue?551e"],"names":["render","_vm","this","_c","_self","ref","staticStyle","staticRenderFns","mounted","chart01","$echarts","init","$refs","echart01","random","min","max","parseInt","Math","xdata","yData","barData","i","length","value","push","option","grid","top","left","bottom","right","containLabel","tooltip","trigger","legend","data","align","backgroundColor","animation","xAxis","type","axisTick","alignWithLabel","axisLine","show","axisLabel","textStyle","color","margin","interval","yAxis","series","name","silent","symbolSize","symbolOffset","symbolPosition","z","label","normal","position","fontSize","fontWeight","itemStyle","borderColor","borderType","borderWidth","barWidth","barGap","barCateGoryGap","graphic","LinearGradient","offset","opacity","setOption","component"],"mappings":"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","file":"js/chunk-2d0da791.f92eadbd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"echart01\",staticStyle:{\"width\":\"100%\",\"height\":\"200px\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"echart01\" style=\"width:100%; height:200px;\"></div>\n</template>\n\n<script>\nexport default {\n  mounted() {\n    let chart01 = this.$echarts.init(this.$refs.echart01)\n    function random(min, max) {\n      return parseInt(Math.random() * (max - min) + min)\n    }\n    let xdata = ['2016', '2017', '2018', '2019', '2020', '2021', '2022']\n    // let xdata = ['开关电源', '铅酸电池', 'UPS设备', '普通空调', '机房环境', '智能电表'],\n    let yData = [],\n      barData = []\n\n    for (let i = 0; i < xdata.length; i++) {\n      let value = random(5, 100)\n      yData.push(value)\n      barData.push(parseInt((value / 3) * 2 * (random(1, 100) / 100)))\n    }\n\n    let option = {\n      // backgroundColor: '#062544',\n      grid: {\n        top: '20%',\n        left: '-3%',\n        bottom: '2%',\n        right: '5%',\n        containLabel: true\n      },\n      tooltip: {\n        trigger: 'item'\n      },\n      legend: {\n        data: ['收入', '工资支出'],\n        align: 'right',\n        backgroundColor: 'rgba(242, 248, 255)',\n        top:0\n      },\n      animation: false,\n      xAxis: [\n        {\n          type: 'category',\n          data: xdata,\n          axisTick: {\n            alignWithLabel: true\n          },\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            textStyle: {\n              color: '#ddd'\n            },\n            margin: 30\n          },\n          interval: 1\n        }\n      ],\n      yAxis: [\n        {\n          show: false,\n          type: 'value'\n        }\n      ],\n      series: [\n        {\n          name: '上部圆',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [20, 10],\n          symbolOffset: [0, -6],\n          symbolPosition: 'end',\n          z: 12,\n          label: {\n            normal: {\n              show: true,\n              position: 'top',\n              fontSize: 15,\n              fontWeight: 'bold',\n              color: '#5BFCF4'\n            }\n          },\n          color: '#5BFCF4',\n          data: yData\n        },\n        {\n          name: '底部圆',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [20, 10],\n          symbolOffset: [0, 7],\n          z: 12,\n          color: '#5BFCF4',\n          data: yData\n        },\n        {\n          name: '内层波浪',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [50, 15],\n          symbolOffset: [0, 12],\n          z: 10,\n          itemStyle: {\n            normal: {\n              color: 'transparent',\n              borderColor: '#5BFCF4',\n              borderType: 'solid',\n              borderWidth: 8\n            }\n          },\n          data: yData\n        },\n        {\n          name: '外层波浪',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [70, 20],\n          symbolOffset: [0, 18],\n          z: 10,\n          itemStyle: {\n            normal: {\n              color: 'transparent',\n              borderColor: 'rgba(91,252,244,0.5)',\n              borderType: 'solid',\n              borderWidth: 5\n            }\n          },\n          data: yData\n        },\n        {\n          name: '收入',\n          type: 'bar',\n          barWidth: '20',\n          barGap: '10%', // Make series be overlap\n          barCateGoryGap: '10%',\n          itemStyle: {\n            normal: {\n              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 0.7, [\n                {\n                  offset: 0,\n                  color: 'rgba(210,210,210,0.3)'\n                },\n                {\n                  offset: 1,\n                  color: '#5BFCF4'\n                }\n              ]),\n              opacity: 0.8\n            }\n          },\n          data: yData\n        },\n        {\n          name: '工资支出',\n          type: 'bar',\n          barWidth: 20,\n          z: 12,\n          barGap: '-100%',\n          itemStyle: {\n            //lenged文本\n            opacity: 0.9,\n            color: new this.$echarts.graphic.LinearGradient(\n              0,\n              0,\n              0,\n              1,\n              [\n                {\n                  offset: 0,\n                  color: '#EB3B5A' // 0% 处的颜色\n                },\n                {\n                  offset: 1,\n                  color: '#FE9C5A' // 100% 处的颜色\n                }\n              ],\n              false\n            )\n          },\n\n          data: barData\n        },\n        {\n          name: '上部圆',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [20, 10],\n          symbolOffset: [0, -6],\n          symbolPosition: 'end',\n          z: 12,\n          color: '#EB3B5A',\n          data: barData\n        },\n        {\n          name: '底部圆',\n          type: 'pictorialBar',\n          silent: true,\n          symbolSize: [20, 10],\n          symbolOffset: [0, 7],\n          z: 12,\n          color: '#FE9C5A',\n          data: barData\n        }\n      ]\n    }\n\n    chart01.setOption(option, true)\n  }\n}\n</script>\n\n<style></style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./right01.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./right01.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./right01.vue?vue&type=template&id=160b7e7f\"\nimport script from \"./right01.vue?vue&type=script&lang=js\"\nexport * from \"./right01.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}