| 1 |
- webpackJsonp([84],{"5ak8":function(t,e){},vDma:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={data:function(){return{}},mounted:function(){this.sexTrend({div:"sex1",title:"R5R6性别占比",data:[{value:30.6,name:"男"},{value:69.4,name:"女"}]}),this.sexTrend({div:"sex2",title:"R3R4性别占比",data:[{value:70.9,name:"男"},{value:29.1,name:"女"}]}),this.sexTrend({div:"sex3",title:"R1R2性别占比",data:[{value:53,name:"男"},{value:47,name:"女"}]}),this.trendEvent({div:"trend1",title:"性别",x_arr:["男性","女性"],series:[{name:"R5R6",barWidth:20,yAxisIndex:1,type:"bar",data:[30.6,69.4]},{name:"R3R4",type:"bar",barWidth:20,yAxisIndex:1,data:[70.9,29.1]},{name:"R1R2",type:"bar",barWidth:20,yAxisIndex:1,data:[53,47]}]}),this.trendEvent({div:"trend2",title:"年龄",x_arr:["18-23","24-30","31-40","41-49","50+"],series:[{name:"R5R6",barWidth:20,yAxisIndex:1,type:"bar",data:[6.4,21.5,54.3,12.7,5.1]},{name:"R3R4",type:"bar",barWidth:20,yAxisIndex:1,data:[27.1,13.9,32.5,14.3,12.2]},{name:"R1R2",type:"bar",barWidth:20,yAxisIndex:1,data:[16.7,13.6,37.9,14.6,17.2]}]}),this.trendEvent({div:"trend3",title:"九大消费人群",x_arr:["资深中产","精致妈妈","新锐白领","都市蓝领","都市银发","Z世代","小镇青年","小镇中年","小镇老年"],series:[{name:"R5R6",barWidth:20,yAxisIndex:1,type:"bar",data:[11.2,43.2,30.5,1.9,2,4.6,34.2,21.4,2.6]},{name:"R3R4",type:"bar",barWidth:20,yAxisIndex:1,data:[2.5,6.5,7.9,11.9,3.1,27.6,29.6,17.8,6.6]},{name:"R1R2",type:"bar",barWidth:20,yAxisIndex:1,data:[2.4,5.9,7.8,9.8,5.5,16.2,27.5,24.1,11.3]}]}),this.trendEvent({div:"trend4",title:"活跃度",x_arr:["重度","中度","轻度"],series:[{name:"R5R6",barWidth:20,yAxisIndex:1,type:"bar",data:[67.4,23.7,8.8]},{name:"R3R4",type:"bar",barWidth:20,yAxisIndex:1,data:[72.7,16.6,10.7]},{name:"R1R2",type:"bar",barWidth:20,yAxisIndex:1,data:[65.3,25.4,9.3]}]})},methods:{sexTrend:function(t){var e=t.div,i={title:{text:t.title,left:"center",textStyle:{color:"#333",fontWeight:"normal",fontSize:14}},tooltip:{trigger:"item"},legend:{top:"bottom"},series:[{name:"Access From",type:"pie",radius:["30%","50%"],avoidLabelOverlap:!1,itemStyle:{borderRadius:10,borderColor:"#fff",borderWidth:2},label:{show:!0,position:"top",fontSize:10,color:"#666666",normal:{formatter:function(t){return"{a|"+t.data.name+"}{abg|}\n{hr|}\n {per|"+t.percent+"%}"},rich:{a:{color:"#333",fontSize:11,lineHeight:20,align:"center"},hr:{width:"100%",height:0,alien:"center"},per:{color:"#333",align:"center",fontSize:12}}}},data:t.data}]};this.$echarts.init(document.getElementById(e)).setOption(i)},trendEvent:function(t){var e=t.div,i={title:{text:t.title,left:"center",textStyle:{color:"#333",fontWeight:"normal",fontSize:14}},color:["#5470C6","#91CC75","#FF9A65","#7BBAFF"],tooltip:{trigger:"axis",axisPointer:{type:"cross"}},grid:{top:"40%",bottom:"10%"},legend:{top:"20%"},xAxis:[{type:"category",axisTick:{alignWithLabel:!0},data:t.x_arr}],yAxis:[{type:"value",name:"TGI",position:"right",alignTicks:!0,axisLine:{show:!0,lineStyle:{color:"#555"}},nameTextStyle:{color:"#555",fontSize:15},axisLabel:{formatter:"{value}"}},{type:"value",name:"占比",position:"left",nameTextStyle:{color:"#555",fontSize:15},axisLine:{show:!0,lineStyle:{color:"#555"}},axisLabel:{formatter:"{value} %"}}],series:t.series};this.$echarts.init(document.getElementById(e)).setOption(i)}}},r={render:function(){this.$createElement;this._self._c;return this._m(0)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"trendBox"},[e("div",{staticStyle:{display:"flex"}},[e("div",{staticStyle:{height:"500px",width:"500px"},attrs:{id:"sex1"}}),this._v(" "),e("div",{staticStyle:{height:"500px",width:"500px"},attrs:{id:"sex2"}}),this._v(" "),e("div",{staticStyle:{height:"500px",width:"500px"},attrs:{id:"sex3"}})]),this._v(" "),e("div",{staticStyle:{height:"800px",width:"1100px"},attrs:{id:"trend1"}}),this._v(" "),e("div",{staticStyle:{height:"800px",width:"1100px"},attrs:{id:"trend2"}}),this._v(" "),e("div",{staticStyle:{height:"800px",width:"1300px"},attrs:{id:"trend3"}}),this._v(" "),e("div",{staticStyle:{height:"800px",width:"1100px"},attrs:{id:"trend4"}})])}]};var n=i("VU/8")(a,r,!1,function(t){i("5ak8")},"data-v-6f860af0",null);e.default=n.exports}});
|
