{"version":3,"sources":["webpack:///./src/views/chart-report/chart/bar/worldpopulation.vue?7a42","webpack:///./src/components/Chart/Bar/WorldPopulation.vue?82a8","webpack:///src/components/Chart/Bar/WorldPopulation.vue","webpack:///./src/components/Chart/Bar/WorldPopulation.vue?55d1","webpack:///./src/components/Chart/Bar/WorldPopulation.vue","webpack:///src/views/chart-report/chart/bar/worldpopulation.vue","webpack:///./src/views/chart-report/chart/bar/worldpopulation.vue?f57d","webpack:///./src/views/chart-report/chart/bar/worldpopulation.vue?3a31","webpack:///./src/views/chart-report/chart/bar/worldpopulation.vue?e731","webpack:///./src/components/Chart/mixins/resize.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","class","className","style","height","width","id","mixins","resize","props","type","String","default","data","chart","mounted","initChart","beforeDestroy","dispose","methods","echarts","document","getElementById","setOption","grid","left","right","bottom","containLabel","title","text","subtext","tooltip","trigger","axisPointer","legend","xAxis","boundaryGap","yAxis","series","name","component","components","Chart","$_sidebarElm","$_resizeHandler","initListener","activated","destroyListener","deactivated","$_sidebarResizeHandler","e","propertyName","_this","debounce","window","addEventListener","getElementsByClassName","removeEventListener"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,OAAS,OAAO,MAAQ,WAAW,IAC5LC,EAAkB,GCDlB,EAAS,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACK,MAAMT,EAAIU,UAAUC,MAAM,CAAEC,OAAOZ,EAAIY,OAAOC,MAAMb,EAAIa,OAAQN,MAAM,CAAC,GAAKP,EAAIc,OACtL,EAAkB,G,wBCOP,GACfC,OAAA,CAAAC,QACAC,MAAA,CACAP,UAAA,CACAQ,KAAAC,OACAC,QAAA,SAEAN,GAAA,CACAI,KAAAC,OACAC,QAAA,SAEAP,MAAA,CACAK,KAAAC,OACAC,QAAA,SAEAR,OAAA,CACAM,KAAAC,OACAC,QAAA,UAGAC,KAAA,WACA,OACAC,MAAA,OAGAC,QAAA,WACA,KAAAC,aAEAC,cAAA,WACA,KAAAH,QAGA,KAAAA,MAAAI,UACA,KAAAJ,MAAA,OAEAK,QAAA,CACAH,UAAA,WACA,KAAAF,MAAAM,UAAAC,SAAAC,eAAA,KAAAhB,IAAA,QAEA,KAAAQ,MAAAS,UAAA,CACAC,KAAA,CACAC,KAAA,KACAC,MAAA,KACAC,OAAA,KACAC,cAAA,GAEAC,MAAA,CACAC,KAAA,SACAC,QAAA,UAEAC,QAAA,CACAC,QAAA,OACAC,YAAA,CACAxB,KAAA,WAGAyB,OAAA,CACAtB,KAAA,mBAEAuB,MAAA,CACA1B,KAAA,QACA2B,YAAA,SAEAC,MAAA,CACA5B,KAAA,WACAG,KAAA,sCAEA0B,OAAA,CACA,CACAC,KAAA,QACA9B,KAAA,MACAG,KAAA,0CAEA,CACA2B,KAAA,QACA9B,KAAA,MACAG,KAAA,+CCpFuX,I,YCOnX4B,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCTA,GACfD,KAAA,kBACAE,WAAA,CAAAC,UCXsY,ICQlY,G,UAAY,eACd,EACApD,EACAS,GACA,EACA,KACA,WACA,OAIa,e,oECnBf,W,kCCAA,gBAEe,QACba,KAAI,WACF,MAAO,CACL+B,aAAc,KACdC,gBAAiB,OAGrB9B,QAAO,WACLtB,KAAKqD,gBAEPC,UAAS,WACFtD,KAAKoD,iBAERpD,KAAKqD,eAIPrD,KAAKe,UAEPS,cAAa,WACXxB,KAAKuD,mBAEPC,YAAW,WACTxD,KAAKuD,mBAEP7B,QAAS,CAGP+B,uBAAsB,SAACC,GACE,UAAnBA,EAAEC,cACJ3D,KAAKoD,mBAGTC,aAAY,WAAG,IAAAO,EAAA,KACb5D,KAAKoD,gBAAkBS,gBAAS,WAC9BD,EAAK7C,WACJ,KACH+C,OAAOC,iBAAiB,SAAU/D,KAAKoD,iBAEvCpD,KAAKmD,aAAevB,SAASoC,uBAAuB,qBAAqB,GACzEhE,KAAKmD,cAAgBnD,KAAKmD,aAAaY,iBAAiB,gBAAiB/D,KAAKyD,yBAEhFF,gBAAe,WACbO,OAAOG,oBAAoB,SAAUjE,KAAKoD,iBAC1CpD,KAAKoD,gBAAkB,KAEvBpD,KAAKmD,cAAgBnD,KAAKmD,aAAac,oBAAoB,gBAAiBjE,KAAKyD,yBAEnF1C,OAAM,WACJ,IAAQM,EAAUrB,KAAVqB,MACRA,GAASA,EAAMN","file":"js/chunk-65681a4f.71e557bd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-container\"},[_c('chart',{attrs:{\"height\":\"100%\",\"width\":\"100%\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.className,style:({height:_vm.height,width:_vm.width}),attrs:{\"id\":_vm.id}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :id=\"id\" :class=\"className\" :style=\"{height:height,width:width}\" />\n</template>\n\n<script>\nimport * as echarts from 'echarts'\nimport resize from '../Bar/../mixins/resize'\n\nexport default {\n  mixins: [resize],\n  props: {\n    className: {\n      type: String,\n      default: 'chart'\n    },\n    id: {\n      type: String,\n      default: 'chart'\n    },\n    width: {\n      type: String,\n      default: '200px'\n    },\n    height: {\n      type: String,\n      default: '200px'\n    }\n  },\n  data() {\n    return {\n      chart: null\n    }\n  },\n  mounted() {\n    this.initChart()\n  },\n  beforeDestroy() {\n    if (!this.chart) {\n      return\n    }\n    this.chart.dispose()\n    this.chart = null\n  },\n  methods: {\n    initChart() {\n      this.chart = echarts.init(document.getElementById(this.id), 'dark')\n\n      this.chart.setOption({\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '3%',\n          containLabel: true\n        },\n        title: {\n          text: '世界人口总量',\n          subtext: '数据来自网络'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        legend: {\n          data: ['2011年', '2012年']\n        },\n        xAxis: {\n          type: 'value',\n          boundaryGap: [0, 0.01]\n        },\n        yAxis: {\n          type: 'category',\n          data: ['巴西', '印尼', '美国', '印度', '中国', '世界人口(万)']\n        },\n        series: [\n          {\n            name: '2011年',\n            type: 'bar',\n            data: [18203, 23489, 29034, 104970, 131744, 630230]\n          },\n          {\n            name: '2012年',\n            type: 'bar',\n            data: [19325, 23438, 31000, 121594, 134141, 681807]\n          }\n        ]\n      })\n    }\n  }\n}\n</script>\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!./WorldPopulation.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!./WorldPopulation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WorldPopulation.vue?vue&type=template&id=5c861b80&\"\nimport script from \"./WorldPopulation.vue?vue&type=script&lang=js&\"\nexport * from \"./WorldPopulation.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","<template>\n  <div class=\"chart-container\">\n    <chart height=\"100%\" width=\"100%\" />\n  </div>\n</template>\n\n<script>\nimport Chart from '@/components/Chart/Bar/WorldPopulation'\n\nexport default {\n  name: 'WorldPopulation',\n  components: { Chart }\n}\n</script>\n\n<style scoped>\n.chart-container{\n  position: relative;\n  width: 100%;\n  height: calc(100vh - 84px);\n}\n</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!./worldpopulation.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!./worldpopulation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./worldpopulation.vue?vue&type=template&id=ab364948&scoped=true&\"\nimport script from \"./worldpopulation.vue?vue&type=script&lang=js&\"\nexport * from \"./worldpopulation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./worldpopulation.vue?vue&type=style&index=0&id=ab364948&prod&scoped=true&lang=css&\"\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  \"ab364948\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./worldpopulation.vue?vue&type=style&index=0&id=ab364948&prod&scoped=true&lang=css&\"","import { debounce } from '@/utils'\n\nexport default {\n  data() {\n    return {\n      $_sidebarElm: null,\n      $_resizeHandler: null\n    }\n  },\n  mounted() {\n    this.initListener()\n  },\n  activated() {\n    if (!this.$_resizeHandler) {\n      // avoid duplication init\n      this.initListener()\n    }\n\n    // when keep-alive chart activated, auto resize\n    this.resize()\n  },\n  beforeDestroy() {\n    this.destroyListener()\n  },\n  deactivated() {\n    this.destroyListener()\n  },\n  methods: {\n    // use $_ for mixins properties\n    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential\n    $_sidebarResizeHandler(e) {\n      if (e.propertyName === 'width') {\n        this.$_resizeHandler()\n      }\n    },\n    initListener() {\n      this.$_resizeHandler = debounce(() => {\n        this.resize()\n      }, 100)\n      window.addEventListener('resize', this.$_resizeHandler)\n\n      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]\n      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)\n    },\n    destroyListener() {\n      window.removeEventListener('resize', this.$_resizeHandler)\n      this.$_resizeHandler = null\n\n      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)\n    },\n    resize() {\n      const { chart } = this\n      chart && chart.resize()\n    }\n  }\n}\n"],"sourceRoot":""}