{"version":3,"sources":["webpack:///./src/views/components/page1/funnel.vue?6968","webpack:///src/views/components/page1/funnel.vue","webpack:///./src/views/components/page1/funnel.vue?677a","webpack:///./src/views/components/page1/funnel.vue","webpack:///./src/views/components/page1/funnel.vue?4502"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","name","data","methods","setChart","tooltip","trigger","formatter","backgroundColor","textStyle","color","fontSize","legend","top","right","orient","itemWidth","itemGap","series","type","left","width","height","label","normal","show","position","emphasis","labelLine","itemStyle","borderWidth","opacity","value","maxSize","z","myChart","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAClHC,EAAkB,GCIP,GACfC,QACAC,KAFA,WAGA,UAEAC,SAEAC,SAFA,WAGA,OACAC,SACAC,eACAC,sBACAC,0BACAC,WACAC,gBACAC,cAIAC,QACAC,UACAC,WACAC,kBACAC,YACAC,WACAR,WACAC,gBACAC,aAEAT,iCAEAgB,QACA,CACAjB,UACAkB,cACAC,UACAC,YACAC,aACAC,OAEAC,QACAC,QACAlB,kBACAmB,kBAEAC,UACAF,QACAC,kBACAnB,0BAGAqB,WACAJ,QACAC,UAGAI,WACAL,QACAM,cACAC,WACArB,kBAEA,OACA,mDAEA,yBAKAR,MACA,CAAA8B,UAAA/B,WACA,CAAA+B,UAAA/B,WACA,CAAA+B,WAAA/B,WACA,CAAA+B,WAAA/B,WACA,CAAA+B,WAAA/B,aAGA,CACAA,UACAkB,cACAC,UACAE,aACAD,YACAY,cACAC,IACAX,OACAC,QACAE,kBACAnB,iBACAE,WACAC,eAGAiB,UACAD,oBAGAG,WACAL,QACAO,WACAD,cACApB,kBACA,OACA,0FAEA,yBAIAR,MACA,CAAA8B,cAAA/B,WACA,CAAA+B,cAAA/B,WACA,CAAA+B,cAAA/B,WACA,CAAA+B,cAAA/B,WACA,CAAA+B,cAAA/B,eAMA,0BAEAkC,UACAA,WACAA,iBAGAC,QAhIA,WAiIA,kBCtI8W,I,wBCQ1WC,EAAY,eACd,EACA7C,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E,6CCnBf,W","file":"js/chunk-7f9e3ed7.a4c0ab00.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"funnel\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"funnel\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: '',\r\n    data() {\r\n        return {}\r\n    },\r\n    methods: {\r\n        // 手机安全分析\r\n        setChart() {\r\n            let option = {\r\n                tooltip: {\r\n                    trigger: 'item',\r\n                    formatter: \"{b} : {c}\",\r\n                    backgroundColor: '#11367a',\r\n                    textStyle: {\r\n                        color: '#6dd0e3',\r\n                        fontSize: 10,\r\n                    },\r\n                },\r\n\r\n                legend: {\r\n                    top: '25%',\r\n                    right: \"7%\",\r\n                    orient: \"vertical\",\r\n                    itemWidth: 0,\r\n                    itemGap: 27,\r\n                    textStyle: {\r\n                        color: '#75deef',\r\n                        fontSize: 14\r\n                    },\r\n                    data: ['华为', '苹果', '小米', '三星', '其他']\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '预期',\r\n                        type: 'funnel',\r\n                        left: '6%',\r\n                        width: '60%',\r\n                        height: '75%',\r\n                        label: {\r\n\r\n                            normal: {\r\n                                show: false,\r\n                                formatter: '{b}预期',\r\n                                position: 'right'\r\n                            },\r\n                            emphasis: {\r\n                                show: false,\r\n                                position: 'inside',\r\n                                formatter: '{b}预期: {c}%'\r\n                            }\r\n                        },\r\n                        labelLine: {\r\n                            normal: {\r\n                                show: false\r\n                            }\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                borderWidth: 0,\r\n                                opacity: .7,\r\n                                color: function (params) {\r\n\r\n                                    var colorList = [\r\n                                        '#2c7afc', '#bd2229', '#a262f2', '#fe672c', '#27fcfe'\r\n                                    ];\r\n                                    return colorList[params.dataIndex];\r\n                                }\r\n                            },\r\n\r\n                        },\r\n                        data: [\r\n                            { value: 8000, name: '华为' },  \r\n                            { value: 7000, name: '苹果'},\r\n                            { value: 5800, name: '小米'},\r\n                            { value: 4500, name: '三星'},\r\n                            { value: 2500, name: '其他'}\r\n                        ]\r\n                    },\r\n                    {\r\n                        name: '实际',\r\n                        type: 'funnel',\r\n                        left: '6%',\r\n                        height: '75%',\r\n                        width: '60%',\r\n                        maxSize: '60%',\r\n                        z: 3,\r\n                        label: {\r\n                            normal: {\r\n                                position: 'inside',\r\n                                formatter: '{c}个',\r\n                                textStyle: {\r\n                                    color: '#fff'\r\n                                }\r\n                            },\r\n                            emphasis: {\r\n                                position: 'inside',\r\n                            }\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                opacity: .5,\r\n                                borderWidth: 0,\r\n                                color: function (params) {\r\n                                    var colorList = [\r\n                                        'rgb(44,123,254)', 'rgb(194,35,42)', 'rgb(162,98,242)', 'rgb(254,103,44)', 'rgb(44,252,254)'\r\n                                    ];\r\n                                    return colorList[params.dataIndex];\r\n                                }\r\n                            },\r\n                        },\r\n                        data: [\r\n                            { value: '8000+', name: '华为' },  \r\n                            { value: '7000+', name: '苹果'},\r\n                            { value: '6000+', name: '小米'},\r\n                            { value: '5000+', name: '三星'},\r\n                            { value: '4000+', name: '三星'},\r\n                        ]\r\n                    }\r\n                ]\r\n            };\r\n\r\n            let myChart = this.$echarts(this.$el);\r\n\r\n            myChart.clear();\r\n            myChart.resize()\r\n            myChart.setOption(option);\r\n        },\r\n    },\r\n    mounted() {\r\n        this.setChart()\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.funnel {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./funnel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./funnel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./funnel.vue?vue&type=template&id=4504e6fa&scoped=true&\"\nimport script from \"./funnel.vue?vue&type=script&lang=js&\"\nexport * from \"./funnel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./funnel.vue?vue&type=style&index=0&id=4504e6fa&lang=less&scoped=true&\"\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  \"4504e6fa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./funnel.vue?vue&type=style&index=0&id=4504e6fa&lang=less&scoped=true&\""],"sourceRoot":""}