{"version":3,"sources":["webpack:///./src/views/bjba/home/common/echart14.vue","webpack:///src/views/bjba/home/common/echart14.vue","webpack:///./src/views/bjba/home/common/echart14.vue?e860","webpack:///./src/views/bjba/home/common/echart14.vue?bbb6"],"names":["render","_vm","this","_c","_self","ref","staticStyle","staticRenderFns","props","data14","type","Object","mounted","chart01","$echarts","init","$refs","echart01","dashedPic","color","chartData","zcXxtj","arrName","arrValue","sum","pieSeries","lineYAxis","forEach","v","i","push","name","value","clockWise","hoverAnimation","radius","center","label","show","top","data","itemStyle","silent","z","percent","toFixed","textStyle","rich","circle","padding","option","backgroundColor","grid","bottom","left","containLabel","yAxis","inverse","axisLine","axisTick","axisLabel","formatter","params","item","console","log","interval","inside","fontSize","line","width","height","image","bd","fontWeight","xAxis","series","setOption","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,CAAC,MAAQ,OAAO,OAAS,YAE7HC,EAAkB,GCGP,G,oBAAA,CACfC,MAAA,CACAC,OAAA,CAAAC,KAAAC,SAEAC,QAAA,WACA,IAAAC,EAAA,KAAAC,SAAAC,KAAA,KAAAC,MAAAC,UACAC,EAAA,6KACAC,EAAA,mHACAC,EAAA,KAAAX,OAAAY,OA4BAC,EAAA,GACAC,EAAA,GACAC,EAAA,EACAC,EAAA,GACAC,EAAA,GAGAN,EAAAO,SAAA,SAAAC,EAAAC,GACAP,EAAAQ,KAAAF,EAAAG,MACAR,EAAAO,KAAAF,EAAAI,OACAR,GAAAI,EAAAI,SAIAZ,EAAAO,SAAA,SAAAC,EAAAC,GACAJ,EAAAK,KAAA,CACAC,KAAA,YACArB,KAAA,MACAuB,WAAA,EACAC,gBAAA,EACAC,OAAA,OAAAN,EAAA,UAAAA,EAAA,KACAO,OAAA,cACAC,MAAA,CACAC,MAAA,EACAC,IAAA,KAGAC,KAAA,CACA,CACAR,MAAAJ,EAAAI,MACAD,KAAAH,EAAAG,MAEA,CACAC,MAAAR,EAAAI,EAAAI,MACAD,KAAA,GACAU,UAAA,CACAtB,MAAA,qBAKAM,EAAAK,KAAA,CACAC,KAAA,GACArB,KAAA,MACAgC,QAAA,EACAC,EAAA,EACAV,WAAA,EACAC,gBAAA,EACAC,OAAA,OAAAN,EAAA,UAAAA,EAAA,KACAO,OAAA,cACAC,MAAA,CACAC,MAAA,GAEAE,KAAA,CACA,CACAR,MAAA,IACAS,UAAA,CACAtB,MAAA,YAGA,CACAa,MAAA,IACAD,KAAA,GACAU,UAAA,CACAtB,MAAA,qBAKAS,EAAAgB,SAAAhB,EAAAI,MAAAR,EAAA,KAAAqB,QAAA,OACAnB,EAAAI,KAAA,CACAE,MAAAH,EACAiB,UAAA,CACAC,KAAA,CACAC,OAAA,CACA7B,QAAAU,GACAoB,QAAA,cAOA,IAAAC,EAAA,CACAC,gBAAA,OACAhC,QACAiC,KAAA,CACAb,IAAA,MACAc,OAAA,MACAC,KAAA,MACAC,cAAA,GAEAC,MAAA,CACA,CACA9C,KAAA,WACA+C,SAAA,EACAC,SAAA,CACApB,MAAA,GAEAqB,SAAA,CACArB,MAAA,GAEAsB,UAAA,CACAC,UAAA,SAAAC,GACA,IAAAC,EAAA3C,EAAA0C,GAEA,OADAE,QAAAC,IAAAF,GACA,0BAAAA,EAAAhC,KAAA,mBAAAgC,EAAAnB,QAAA,mBAAAmB,EAAA/B,MAAA,OAEAkC,SAAA,EACAC,QAAA,EACArB,UAAA,CACA3B,MAAA,OACAiD,SAAA,GACArB,KAAA,CACAsB,KAAA,CACAC,MAAA,GACAC,OAAA,GACApB,gBAAA,CAAAqB,MAAAtD,IAEAa,KAAA,CACAZ,MAAA,OACAiD,SAAA,IAEAK,GAAA,CACAtD,MAAA,OACA8B,QAAA,OACAmB,SAAA,IAEAxB,QAAA,CACAzB,MAAA,OACAiD,SAAA,IAEApC,MAAA,CACAb,MAAA,OACAiD,SAAA,GACAM,WAAA,IACAzB,QAAA,aAIAX,MAAA,GAEAE,KAAAd,IAGAiD,MAAA,CACA,CACArC,MAAA,IAGAsC,OAAAnD,GAEAZ,EAAAgE,UAAA3B,GAAA,MCjM8X,I,YCO1X4B,EAAY,eACd,EACA9E,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAuE,E","file":"js/chunk-2d0b9d49.fb9cd7a1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"echart01\",staticStyle:{\"width\":\"100%\",\"height\":\"300px\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"echart01\" style=\"width:100%; height:300px;\"></div>\n</template>\n\n<script>\nexport default {\n  props:{\n    data14:{type: Object}\n  },\n  mounted() {\n    let chart01 = this.$echarts.init(this.$refs.echart01)\n    let dashedPic = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM8AAAAOBAMAAAB6G1V9AAAAD1BMVEX////Kysrk5OTj4+TJycoJ0iFPAAAAG0lEQVQ4y2MYBaNgGAMTQQVFOiABhlEwCugOAMqzCykGOeENAAAAAElFTkSuQmCC';\n    let color = ['rgb(47,208,201)', 'rgb(252,158,129)', 'rgb(253,218,101)', 'rgb(177,230,196)', 'rgb(236,169,248)', 'rgb(253,212,104)']\n    let chartData = this.data14.zcXxtj\n    // let chartData = [\n    //   {\n    //     name: '汽车',\n    //     value: 132\n    //   },\n    //   {\n    //     name: '办公设备',\n    //     value: 421\n    //   },\n    //   {\n    //     name: '空调',\n    //     value: 81\n    //   },\n    //   {\n    //     name: '电脑',\n    //     value: 127\n    //   },\n    //   {\n    //     name: '打印机',\n    //     value: 121\n    //   },\n    //   {\n    //     name: '其他',\n    //     value: 20\n    //   }\n    // ]\n\n    let arrName = []\n    let arrValue = []\n    let sum = 0\n    let pieSeries = [],\n      lineYAxis = []\n\n    // 数据处理\n    chartData.forEach((v, i) => {\n      arrName.push(v.name)\n      arrValue.push(v.value)\n      sum = sum + v.value\n    })\n\n    // 图表option整理\n    chartData.forEach((v, i) => {\n      pieSeries.push({\n        name: '沪昆线到达晚点情况',\n        type: 'pie',\n        clockWise: false,\n        hoverAnimation: false,\n        radius: [85 - i * 25 + '%', 77 - i * 25 + '%'],\n        center: ['40%', '50%'],\n        label: {\n          show: false,\n          top:100\n\n        },\n        data: [\n          {\n            value: v.value,\n            name: v.name\n          },\n          {\n            value: sum - v.value,\n            name: '',\n            itemStyle: {\n              color: 'rgba(0,0,0,0)'\n            }\n          }\n        ]\n      })\n      pieSeries.push({\n        name: '',\n        type: 'pie',\n        silent: true,\n        z: 1,\n        clockWise: false, //顺时加载\n        hoverAnimation: false, //鼠标移入变大\n        radius: [85 - i * 25 + '%', 77 - i * 25 + '%'],\n        center: ['40%', '50%'],\n        label: {\n          show: false\n        },\n        data: [\n          {\n            value: 7.5,\n            itemStyle: {\n              color: '#E3F0FF'\n            }\n          },\n          {\n            value: 2.5,\n            name: '',\n            itemStyle: {\n              color: 'rgba(0,0,0,0)'\n            }\n          }\n        ]\n      })\n      v.percent = ((v.value / sum) * 100).toFixed(1) + '%'\n      lineYAxis.push({\n        value: i,\n        textStyle: {\n          rich: {\n            circle: {\n              color: color[i],\n              padding: [0, 5]\n            }\n          }\n        }\n      })\n    })\n\n    let option = {\n      backgroundColor: '#fff',\n      color: color,\n      grid: {\n        top: '12%',\n        bottom: '54%',\n        left: '40%',\n        containLabel: false\n      },\n      yAxis: [\n        {\n          type: 'category',\n          inverse: true,\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            formatter: function(params) {\n              let item = chartData[params]\n              console.log(item)\n              return '{line|}{circle|●}{name|' + item.name + '}{bd||}{percent|' + item.percent + '}{bd||}{percent|' + item.value + '}万元'\n            },\n            interval: 0,\n            inside: true,\n            textStyle: {\n              color: '#333',\n              fontSize: 14,\n              rich: {\n                line: {\n                  width: 15,\n                  height: 10,\n                  backgroundColor: {image: dashedPic}\n                },\n                name: {\n                  color: '#666',\n                  fontSize: 14\n                },\n                bd: {\n                  color: '#ccc',\n                  padding: [0, 10],\n                  fontSize: 10\n                },\n                percent: {\n                  color: '#333',\n                  fontSize: 14\n                },\n                value: {\n                  color: '#333',\n                  fontSize: 16,\n                  fontWeight: 500,\n                  padding: [0, 0, 0, 0]\n                }\n              }\n            },\n            show: true\n          },\n          data: lineYAxis\n        }\n      ],\n      xAxis: [\n        {\n          show: false\n        }\n      ],\n      series: pieSeries\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!./echart14.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!./echart14.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./echart14.vue?vue&type=template&id=6a8cf778\"\nimport script from \"./echart14.vue?vue&type=script&lang=js\"\nexport * from \"./echart14.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":""}