You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
6.6 KiB
2 lines
6.6 KiB
3 years ago
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3944b608"],{"68ca":function(t,e,a){},"773f":function(t,e,a){"use strict";a.r(e);var r=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:8}},[a("div",{staticClass:"chart",attrs:{id:"pie"}})]),a("el-col",{attrs:{span:8}},[a("div",{staticClass:"chart",attrs:{id:"line"}})]),a("el-col",{attrs:{span:8}},[a("div",{staticClass:"chart",attrs:{id:"bar"}})])],1),a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:8}},[a("div",{staticClass:"chart",attrs:{id:"gauge"}})]),a("el-col",{attrs:{span:8}},[a("div",{staticClass:"chart",attrs:{id:"radar"}})])],1)],1)},i=[];function o(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}a("b680");var n=a("bbd5"),l={name:"EChartsSimple",computed:{chartPie:function(){return this.$echarts.init(n["a"].getDom("pie"))},chartLine:function(){return this.$echarts.init(n["a"].getDom("line"))},chartBar:function(){return this.$echarts.init(n["a"].getDom("bar"))},chartGauge:function(){return this.$echarts.init(n["a"].getDom("gauge"))},chartRadar:function(){return this.$echarts.init(n["a"].getDom("radar"))}},methods:{drawPie:function(){var t=this;return this.$axios.get("/chart-simple/pie").then((function(e){var a="中文名使用TOP5";t.chartPie.setOption({title:Object.assign({},n["a"].defaultEchartsOpt.title,{text:a}),tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},color:["#af84cb","#3acaa9","#ebcc6f","#67c4ed","rgba(32, 254, 255, 0.5)"],series:[{name:a,type:"pie",radius:"55%",center:["50%","50%"],data:e.data.data,roseType:"radius",label:{normal:{textStyle:{color:"#777"}}},labelLine:{normal:{lineStyle:{color:"#888"},smooth:.2,length:10,length2:20}},itemStyle:{normal:{shadowBlur:200,shadowColor:"rgba(0, 0, 0, 0.5)"}},animationType:"scale",animationEasing:"elasticOut",animationDelay:function(t){return 200*Math.random()}}]})})),this},drawLine:function(){var t=this;return this.$axios.get("/chart-simple/line").then((function(e){var a="用户周活跃度";t.chartLine.setOption({title:Object.assign({},n["a"].defaultEchartsOpt.title,{text:a}),tooltip:{trigger:"axis",formatter:"{a} <br/>{b} : {c}"},xAxis:{type:"category",data:e.data.xData,boundaryGap:!1,splitLine:{show:!1,interval:"auto",lineStyle:{color:["#D4DFF5"]}},axisLine:{lineStyle:{color:"#999"}},axisLabel:{margin:10,textStyle:{fontSize:12}}},yAxis:{type:"value",splitLine:{lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{lineStyle:{color:"#999"}},axisLabel:{margin:10,textStyle:{fontSize:12}}},series:[{name:a,data:e.data.yData,type:"line",smooth:!0,showSymbol:!1,symbol:"circle",symbolSize:6,areaStyle:{normal:{color:new t.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(199, 237, 250, 0.5)"},{offset:1,color:"rgba(199, 237, 250, 0.2)"}],!1)}},itemStyle:{normal:{color:"rgba(32, 254, 255, 0.5)"}},lineStyle:{normal:{width:2}}}]})})),this},drawBar:function(){var t=this;return this.$axios.get("/chart-simple/bar").then((function(e){var a="商品日销量";t.chartBar.setOption({title:Object.assign({},n["a"].defaultEchartsOpt.title,{text:a}),tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c}"},xAxis:{type:"category",data:e.data.xData,axisLine:{lineStyle:{color:"#999"}},axisLabel:{margin:10,textStyle:{fontSize:12}}},yAxis:{type:"value",splitLine:{lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{lineStyle:{color:"#999"}},axisLabel:{margin:10,textStyle:{fontSize:12}}},series:[{name:a,data:e.data.yData,type:"bar",symbol:"triangle",symbolSize:20,lineStyle:{normal:{color:"green",width:4,type:"dashed"}},barWidth:25,itemStyle:{normal:{barBorderRadius:30,color:new t.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#00feff"},{offset:.5,color:"#027eff"},{offset:1,color:"#0286ff"}])}}}]})})),this},drawGauge:function(){var t,e=this,a="平均速度(km/h)",r={title:Object.assign({},n["a"].defaultEchartsOpt.title,{text:a}),series:[(t={name:a,type:"gauge",center:["50%","60%"],min:0,max:220,splitNumber:11,radius:"80%",axis
|
||
|
|
//# sourceMappingURL=chunk-3944b608.20d91c3e.js.map
|