{"version":3,"sources":["webpack:///./src/views/components/page3/deviceSafeRisk.vue?bcea","webpack:///./src/views/components/page3/deviceSafeRisk.vue?6190","webpack:///src/views/components/page3/deviceSafeRisk.vue","webpack:///./src/views/components/page3/deviceSafeRisk.vue?1d73","webpack:///./src/views/components/page3/deviceSafeRisk.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","name","data","methods","setDeviceSafe","title","text","textStyle","color","fontSize","top","left","tooltip","trigger","axisPointer","type","legend","icon","gridIndex","orient","right","bottom","itemWidth","itemHeight","grid","containLabel","xAxis","axisLabel","show","axisTick","splitLine","axisLine","yAxis","backgroundColor","borderRadius","margin","padding","inverse","angleAxis","lineStyle","startAngle","z","radiusAxis","polar","center","radius","series","stack","barWidth","itemStyle","barBorderRadius","label","normal","position","coordinateSystem","x","y","x2","y2","colorStops","offset","globalCoord","myChart","mounted","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAClHC,EAAkB,GCIP,GACfC,sBACAC,KAFA,WAGA,UAEAC,SACAC,cADA,WAEA,OACAC,OACA,CACAC,gBACAC,WACAC,aACAC,aAEAC,SACAC,WAEA,CACAL,kBACAC,WACAC,aACAC,aAEAC,SACAC,aAGAC,SACAC,eACAC,aACAC,gBAGAC,QACAd,MACA,CAAAD,UAAAgB,eACA,CAAAhB,UAAAgB,gBAEAC,YACAC,kBACAC,YACAC,YACAC,YACAC,aACAhB,WACAC,gBACAC,cAGAe,MACAd,UACAC,UACAS,YACAC,YACAI,iBAEAC,OACAX,aACAY,WAAAC,SACAC,UAAAD,SACAE,WAAAF,SACAG,UAAAH,UAEAI,OACAjB,gBACAc,UAAAD,SACAE,WAAAF,SACAG,UAAAH,SACAD,WACAnB,aACAyB,0BACAC,eACAC,SACAC,mBAEAC,WACAnC,iDAEAoC,WACAvB,gBACAgB,UACAQ,WACA/B,kBAGAgC,eACAb,WACAnB,gBACAC,aAEAoB,UAAAD,SACA1B,iCACAuC,MAEAC,YACAZ,WACAS,WACA/B,kBAGAqB,UAAAD,SACAD,WAAAC,SACAG,UACAH,UAGAe,OACAC,qBACAC,cAEAC,QACA,CACA7C,WACAc,WACAgC,WACAC,WACAC,WACAzC,gBACA0C,2BAEAC,OACAC,QACAxB,QAEAyB,yBAGAnD,uCAEA,CACAD,WACAc,WACAgC,WACAC,WACAC,WACAzC,gBACA0C,2BAEAC,OACAC,QACAxB,QACAyB,yBAGAnD,uCAEA,CACAD,YACAc,WACAgC,WACAC,WACAC,WACAzC,gBACA0C,2BAEAC,OACAC,QACAxB,QACAyB,yBAGAnD,uCAEA,CACAD,YACAc,WACAiC,WACAD,WACAE,WACAzC,gBACA0C,2BAEAC,OACAC,QACAxB,QACAyB,yBAGAnD,uCAEA,CACAD,UACAc,WACAiC,WACAD,WACAE,WACAzC,gBACA0C,2BAEAC,OACAC,QACAxB,QACAyB,yBAGAnD,uCAEA,CACAa,WACAb,eACAoD,yBACArD,UACAgD,WACAzC,iBAEAuC,WACA,CACAhC,WACAb,eACAoD,yBACArD,UACAgD,WACAzC,OACAO,cACAwC,IACAC,IACAC,KACAC,KACAC,aACAC,SAAApD,4BACA,CACAoD,SAAApD,kBAEAqD,iBAGAd,aAKA,0BAEAe,UACAA,WACAA,iBAGAC,QA/OA,WAgPA,uBCrPsX,I,wBCQlXC,EAAY,eACd,EACAxE,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAgE,E","file":"js/chunk-13addbde.70227f8f.js","sourcesContent":["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!./deviceSafeRisk.vue?vue&type=style&index=0&id=06744c42&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"deviceSafeRisk\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class='deviceSafeRisk'></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'deviceSafeRisk',\r\n    data() {\r\n        return {}\r\n    },\r\n    methods: {\r\n        setDeviceSafe() {\r\n            let option = {\r\n                title: [\r\n                    {\r\n                        text: '重点用户关注排行',\r\n                        textStyle: {\r\n                            color: \"#fff\",\r\n                            fontSize: 12\r\n                        },\r\n                        top: '4%',\r\n                        left: '4%'\r\n                    },\r\n                    {\r\n                        text: \"重点省份用户购买排名\",\r\n                        textStyle: {\r\n                            color: \"#fff\",\r\n                            fontSize: 12\r\n                        },\r\n                        top: '4%',\r\n                        left: '55%'\r\n                    },\r\n                ],\r\n                tooltip: {\r\n                    trigger: 'axis',\r\n                    axisPointer: {            // 坐标轴指示器，坐标轴触发有效\r\n                        type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'\r\n                    }\r\n                },\r\n                legend: {\r\n                    data: [\r\n                        {name: '人数', icon: 'circle'},\r\n                        {name: '金额', icon: 'circle'}, \r\n                    ],\r\n                    gridIndex: 3,\r\n                    orient: 'vertical',\r\n                    right: \"44%\",\r\n                    bottom: \"6%\",\r\n                    itemWidth: 7,\r\n                    itemHeight: 7,\r\n                    textStyle: {\r\n                        color: '#00CCFF',\r\n                        fontSize: 10\r\n                    }\r\n                },\r\n                grid: {\r\n                    top: '15%',\r\n                    left: '3%',\r\n                    right: '50%',\r\n                    bottom: '5%',\r\n                    containLabel: true\r\n                },\r\n                xAxis: {\r\n                    type: 'value',\r\n                    axisLabel: {show: false},\r\n                    axisTick: {show: false},\r\n                    splitLine: {show: false},\r\n                    axisLine: {show: false}\r\n                },\r\n                yAxis: {\r\n                    type: 'category',\r\n                    axisTick: {show: false},\r\n                    splitLine: {show: false},\r\n                    axisLine: {show: false},\r\n                    axisLabel: {\r\n                        color: '#fff',\r\n                        backgroundColor: '#A34FFA',\r\n                        borderRadius: 3,\r\n                        margin: 0,\r\n                        padding: [1, 3, 1, 3]\r\n                    },\r\n                    inverse: true,\r\n                    data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']\r\n                },\r\n                angleAxis: {\r\n                    type: 'category',\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#172E6E'\r\n                        }\r\n                    },\r\n                    startAngle: 135,\r\n                    axisLabel: {\r\n                        color: '#04E8EB',\r\n                        fontSize: 10\r\n                    },\r\n                    axisTick: {show: false},\r\n                    data: ['婴儿车', '婴儿床', '婴儿食品', '婴儿用品'],\r\n                    z: 10\r\n                },\r\n                radiusAxis: {\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#172E6E'\r\n                        }\r\n                    },\r\n                    axisTick: {show: false},\r\n                    axisLabel: {show: false},\r\n                    axisLine: {\r\n                        show: false\r\n                    }\r\n                },\r\n                polar: {\r\n                    center: ['72%', '55%'],\r\n                    radius: \"65%\",\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '婴儿车',\r\n                        type: 'bar',\r\n                        stack: '总量',\r\n                        barWidth: 8,\r\n                        itemStyle: {\r\n                            color: '#5304EC',\r\n                            barBorderRadius: [0, 8, 8, 0]\r\n                        },\r\n                        label: {\r\n                            normal: {\r\n                                show: false,\r\n\r\n                                position: 'insideRight'\r\n                            }\r\n                        },\r\n                        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 15]\r\n                    },\r\n                    {\r\n                        name: '婴儿床',\r\n                        type: 'bar',\r\n                        stack: '总量',\r\n                        barWidth: 8,\r\n                        itemStyle: {\r\n                            color: '#6829EE',\r\n                            barBorderRadius: [0, 8, 8, 0]\r\n                        },\r\n                        label: {\r\n                            normal: {\r\n                                show: false,\r\n                                position: 'insideRight'\r\n                            }\r\n                        },\r\n                        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 15]\r\n                    },\r\n                    {\r\n                        name: '婴儿食品',\r\n                        type: 'bar',\r\n                        stack: '总量',\r\n                        barWidth: 8,\r\n                        itemStyle: {\r\n                            color: '#8040ED',\r\n                            barBorderRadius: [0, 8, 8, 0]\r\n                        },\r\n                        label: {\r\n                            normal: {\r\n                                show: false,\r\n                                position: 'insideRight'\r\n                            }\r\n                        },\r\n                        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 15]\r\n                    },\r\n                    {\r\n                        name: '婴儿用品',\r\n                        type: 'bar',\r\n                        barWidth: 8,\r\n                        stack: '总量',\r\n                        itemStyle: {\r\n                            color: '#9D50EC',\r\n                            barBorderRadius: [0, 8, 8, 0]\r\n                        },\r\n                        label: {\r\n                            normal: {\r\n                                show: false,\r\n                                position: 'insideRight'\r\n                            }\r\n                        },\r\n                        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 15]\r\n                    },\r\n                    {\r\n                        name: '其他',\r\n                        type: 'bar',\r\n                        barWidth: 8,\r\n                        stack: '总量',\r\n                        itemStyle: {\r\n                            color: '#A77BDE',\r\n                            barBorderRadius: [0, 8, 8, 0]\r\n                        },\r\n                        label: {\r\n                            normal: {\r\n                                show: false,\r\n                                position: 'insideRight'\r\n                            }\r\n                        },\r\n                        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 15]\r\n                    },\r\n                    {\r\n                        type: 'bar',\r\n                        data: [1, 2, 3, 4],\r\n                        coordinateSystem: 'polar',\r\n                        name: '金额',\r\n                        itemStyle: {\r\n                            color: '#0AB9FE'\r\n                        },\r\n                        stack: 'a'\r\n                    }, {\r\n                        type: 'bar',\r\n                        data: [2, 4, 6, 1],\r\n                        coordinateSystem: 'polar',\r\n                        name: '人数',\r\n                        itemStyle: {\r\n                            color: { // 颜色线性渐变\r\n                                type: 'linear',\r\n                                x: 0,\r\n                                y: 1,\r\n                                x2: 0,\r\n                                y2: 0,\r\n                                colorStops: [{\r\n                                    offset: 0, color: 'rgba(104,18,147,1)' // 0% 处的颜色\r\n                                }, {\r\n                                    offset: 1, color: '#1D2584' // 100% 处的颜色\r\n                                }],\r\n                                globalCoord: false // 缺省为 false\r\n                            }\r\n                        },\r\n                        stack: 'a'\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.setDeviceSafe();\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.deviceSafeRisk {\r\n    height: 100%;\r\n}\r\n</style>\r\n","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!./deviceSafeRisk.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!./deviceSafeRisk.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./deviceSafeRisk.vue?vue&type=template&id=06744c42&scoped=true&\"\nimport script from \"./deviceSafeRisk.vue?vue&type=script&lang=js&\"\nexport * from \"./deviceSafeRisk.vue?vue&type=script&lang=js&\"\nimport style0 from \"./deviceSafeRisk.vue?vue&type=style&index=0&id=06744c42&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  \"06744c42\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}