{"version":3,"sources":["webpack:///./src/views/home/components/tortChart.vue","webpack:///src/views/home/components/tortChart.vue","webpack:///./src/views/home/components/tortChart.vue?b894","webpack:///./src/views/home/components/tortChart.vue?2139"],"names":["render","_vm","this","_c","_self","staticClass","style","height","paddingTop","width","attrs","id","staticRenderFns","name","props","Number","type","String","numberD","title","bz","copyrightNameD","copyrightVendorNameD","legend","Array","default","series","data","dataList","myHeight","mounted","_this2","$nextTick","init","methods","tortChart","getBzChartList","_this3","_this","params","copyrightName","copyrightVendorName","getRequest","then","res","console","log","Object","keys","length","optionTort","text","subtext","left","tooltip","trigger","formatter","show","icon","itemWidth","itemHeight","bottom","center","selectedMode","avoidLabelOverlap","label","normal","position","textStyle","fontSize","fontWeight","labelLine","itemStyle","color","colorList","dataIndex","radius","echarts","document","getElementById","on","_ref","selected","setOption","setTimeout","resize","$","window","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAO,CAACC,OAAO,QAAQC,WAAW,OAAOC,MAAM,QAASC,MAAM,CAAC,GAAKT,EAAIU,SAErLC,EAAkB,G,kHCgBtB,GACAC,KAAA,YACAC,MAAA,CACAH,GAAAI,OACAC,KAAAC,OACAC,QAAAD,OACAE,MAAAF,OACAG,GAAAH,OACAI,eAAAJ,OACAK,qBAAAL,OACAM,OAAA,CACAP,KAAAQ,MACAC,QAAA,sBAEAC,OAAA,CACAV,KAAAQ,MACAC,QAAA,uBAGAE,KAAA,WACA,OACAC,SAAA,GACAC,SAAA,UAGAC,QAAA,eAAAC,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAE,WAGAC,QAAA,CACAD,KAAA,WACA,IAAAV,EAAA,KAAAA,OACAI,EAAA,KAAAD,OACA,KAAAS,UAAAZ,EAAAI,IAEAS,eAAA,eAAAC,EAAA,KACAC,EAAA,KACAA,EAAAT,SAAA,QACA,KAAAG,WAAA,WACA,IAAAO,EAAA,CACAC,cAAAH,EAAAhB,eACAoB,oBAAAJ,EAAAf,sBAEAe,EAAAf,6BACAiB,EAAAE,oBAEAJ,EAAAhB,uBACAkB,EAAAC,cAEAF,EAAAI,WAAA,wCAAAH,GAAAI,MAAA,SAAAC,GACAC,QAAAC,IAAAF,GACAC,QAAAC,IAAA,gCAAAC,OAAAC,KAAAJ,GAAAK,QACAF,OAAAC,KAAAJ,GAAAK,OAAA,EACAX,EAAAH,UAAAS,EAAArB,OAAAqB,EAAAlB,QAEAY,EAAAT,SAAA,SAMAM,UAAA,SAAAZ,EAAAI,GACAJ,EAAA,KAAAA,OACAI,EAAA,KAAAD,OACA,IAAAwB,EAAA,CACA/B,MAAA,CACAgC,KAAA,KAAAhC,MACAiC,QAAA,GACAC,KAAA,QAEAC,QAAA,CACAC,QAAA,OACAC,UAAA,2BACAC,MAAA,GAEAlC,OAAA,CACAmC,KAAA,SACAC,UAAA,GACAC,WAAA,GACAP,KAAA,SACAQ,OAAA,EACAlC,KAAAJ,EACAiC,UAAA,SAAA3C,GACA,OAAAA,IAGAa,OAAA,CACA,CACAb,KAAA,OACAG,KAAA,MACA8C,OAAA,cACAC,aAAA,SACApC,OACAqC,mBAAA,EACAC,MAAA,CACAC,OAAA,CACAT,MAAA,EACAU,SAAA,UACAX,UAAA,wBACAY,UAAA,CACAC,SAAA,KACAC,WAAA,SAIAC,UAAA,CACAL,OAAA,CACAT,MAAA,IAGAe,UAAA,CACAN,OAAA,CACAO,MAAA,SAAAlC,GACA,IAAAmC,EAAA,CACA,uJAEA,OAAAA,EAAAnC,EAAAoC,iBAOA,eAAA3D,MAAA,eAAAA,OACAkC,EAAAxB,OAAA,GAAAkD,OAAA,eAEA,IAAAzC,EAAA0C,IAAA5C,KAAA6C,SAAAC,eAAA,KAAApE,KACAwB,EAAA6C,GAAA,gCAAAC,GAAA,IAAAC,EAAAD,EAAAC,SAAArE,EAAAoE,EAAApE,KACAqE,EAAArE,IAAA,EACAsB,EAAAgD,UAAA,CAAA5D,OAAA,CAAA2D,iBAQAE,YAAA,WACAjD,EAAAgD,UAAAjC,GAAA,GACAf,EAAAkD,WACA,MAIAC,IAAAC,QAAAF,QAAA,WACAlD,EAAAkD,eCpKiX,I,YCO7WG,EAAY,eACd,EACAxF,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAA4E,E","file":"js/chunk-2d207f09.f5889afc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tortchart\"},[_c('div',{style:({height:'357px',paddingTop:'10px',width:'100%'}),attrs:{\"id\":_vm.id}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tortchart\">\n        <div :style=\"{height:'357px',paddingTop:'10px',width:'100%'}\" :id=\"id\"></div>\n    </div>\n</template>\n<script>\n    import echarts from 'echarts/lib/echarts';\n    // 引入柱状图和饼状图\n    import  'echarts/lib/chart/bar';\n    import  'echarts/lib/chart/pie';\n    // 引入提示框和标题组件\n    import 'echarts/lib/component/tooltip';\n    import 'echarts/lib/component/title';\n    import 'echarts/lib/component/legend';\n    // import 'echarts/lib/component/toolbox';\n    import 'echarts/lib/component/axis';\n    import 'echarts/lib/component/axisPointer';\n    import $ from 'jquery';\n    export default {\n        name:'tortChart',\n        props:{\n            id:Number,\n            type:String,\n            numberD:String,\n            title:String,\n            bz:String,\n            copyrightNameD:String,\n            copyrightVendorNameD:String,\n            legend:{\n                type:Array,\n                default:()=>[]\n            },\n            series:{\n                type:Array,\n                default:()=>[]\n            },\n        },\n        data(){\n            return {\n                dataList:[],\n                myHeight:'357px'\n            }\n        },\n        mounted(){\n            this.$nextTick(() => {\n                this.init();\n            })\n        },\n        methods:{\n            init(){\n                let legend = this.legend;\n                let data = this.series\n                this.tortChart(legend,data)\n            },\n            getBzChartList(){\n                let _this = this;\n                _this.myHeight = '357px';\n                this.$nextTick(() => {\n                    let params = {\n                        copyrightName:this.copyrightNameD,\n                        copyrightVendorName:this.copyrightVendorNameD,\n                    }\n                    if(!this.copyrightVendorNameD){\n                            delete params.copyrightVendorName\n                        }\n                        if(!this.copyrightNameD){\n                            delete params.copyrightName\n                        }\n                    _this.getRequest(\"/copyrightTotal/getCopyrightIncomePie\",params).then(res => {\n                        console.log(res)\n                        console.log('?????????????????????????我是神2',Object.keys(res).length)\n                        if(Object.keys(res).length>0){\n                            _this.tortChart(res.legend,res.series)\n                        }else{\n                            _this.myHeight = 0;\n                        }\n                    });\n                })\n            },\n            // 圆柱图\n            tortChart(legend,data){\n                legend = this.legend;\n                data = this.series\n                var optionTort = {\n                    title:{\n                        text: this.title,\n                        subtext: '',\n                        left: 'left'\n                    },\n                    tooltip: {\n                        trigger: 'item',\n                        formatter: \"{a} <br/>{b}: {c} ({d}%)\",\n                        show: false,\n                    },\n                    legend: {\n                        icon:'circle',\n                        itemWidth:10,\n                        itemHeight:10,\n                        left:'center',\n                        bottom:0,\n                        data:legend,\n                        formatter:  function(name){\n                            return name\n                        }\n                    },\n                    series: [\n                        {\n                            name:'访问来源',\n                            type:'pie',\n                            center: ['50%', '50%'],\n                            selectedMode: 'single',\n                            data:data,\n                            avoidLabelOverlap: false,\n                            label: {\n                                normal: {\n                                    show: true,\n                                    position: 'outside',\n                                    formatter: '{b}\\r\\n\\r\\n{c} ({d}%)',\n                                    textStyle: {\n                                        fontSize: '14',\n                                        fontWeight: '400'\n                                    }\n                                },\n                            },\n                            labelLine: {\n                                normal: {\n                                    show: true\n                                }\n                            },\n                            itemStyle:{\n                                normal:{\n                                    color:function(params){\n                                        var colorList = [\n                                            '#FFD800','#9BD87C','#E19CFF','#9C99FF','#FF7575','#800000','#800080','#808000','#7FFF00','#778899','#FFD800','#9BD87C','#E19CFF','#9C99FF','#FF7575'\n                                        ]\n                                        return colorList[params.dataIndex]\n                                    }\n                                }\n                            }\n                        }\n                    ]\n                }\n                if(this.type=='yuans1' || this.type=='yuans2'){\n                    optionTort.series[0].radius=['55%', '70%']\n                }\n                var tortChart = echarts.init(document.getElementById(this.id))\n                tortChart.on('legendselectchanged', ({ selected, name }) => {\n                    selected[name] = true\n                    tortChart.setOption({ legend: { selected } })\n                })\n                // 使用刚指定的配置项和数据显示图表。\n                \n                // window.onresize = function () {\n                //     myLeftChart.resize();\n                // }\n                // 使用刚指定的配置项和数据显示图表。\n                setTimeout(function(){\n                    tortChart.setOption(optionTort,true)\n                    tortChart.resize();\n                },1500)\n                // window.onresize = function () {\n                //     myBottomChart.resize();\n                // }\n                $(window).resize(function(){\n                    tortChart.resize();\n                });\n\n            }\n        }\n    }\n\n</script>","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!./tortChart.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!./tortChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tortChart.vue?vue&type=template&id=ea51797e&\"\nimport script from \"./tortChart.vue?vue&type=script&lang=js&\"\nexport * from \"./tortChart.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":""}