(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{"K/Du":function(l,n,e){"use strict";e.r(n);var a=e("8Y7J");class u{}var t=e("pMnS"),i=e("iInd");class o{constructor(){}ngOnInit(){}}var s=a["\u0275crt"]({encapsulation:0,styles:[[""]],data:{}});function r(l){return a["\u0275vid"](0,[(l()(),a["\u0275eld"](0,16777216,null,null,1,"router-outlet",[],null,null,null,null,null)),a["\u0275did"](1,212992,null,0,i.q,[i.b,a.ViewContainerRef,a.ComponentFactoryResolver,[8,null],a.ChangeDetectorRef],null,null)],function(l,n){l(n,1,0)},null)}function d(l){return a["\u0275vid"](0,[(l()(),a["\u0275eld"](0,0,null,null,1,"sa-charts",[],null,null,null,r,s)),a["\u0275did"](1,114688,null,0,o,[],null,null)],function(l,n){l(n,1,0)},null)}var c=a["\u0275ccf"]("sa-charts",o,d,{},{},[]),p=e("SVse"),h=e("Q1xG"),m=e("MT78");class y{constructor(){this.visitorsOptions={},this.visitsOptions={},this.sidebarVisible=!0,this.chartOptions={},this.pieOptions={},this.punchCardOptions={},this.LargeAreaOptions={},this.xAxisData=[],this.data1=[],this.data2=[],this.baranimationOptions={},this.radarOptions={},this.visitorsOptions=this.loadLineChartOptions([3,5,1,6,5,4,8,3],"#49c5b6"),this.visitsOptions=this.loadLineChartOptions([4,6,3,2,5,6,5,4],"#f4516c")}ngOnInit(){var l=["12a","1a","2a","3a","4a","5a","6a","7a","8a","9a","10a","11a","12p","1p","2p","3p","4p","5p","6p","7p","8p","9p","10p","11p"],n=["Saturday","Friday","Thursday","Wednesday","Tuesday","Monday","Sunday"];this.chartOptions={color:["#80EBFE","#FFC18D","#D7A0FF","#FF8DA3","#88AFFF"],tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["Email marketing","Alliance advertising","Video ad","Direct interview","Search engine"],textStyle:{color:"#C2C2C2"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:["Monday","Tuesday","Wednessday","Thursday","Friday","Saturday","Sunday"],axisLine:{lineStyle:{color:"#C2C2C2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}}],yAxis:[{type:"value",axisLine:{lineStyle:{color:"#C2C2C2"}},splitLine:{show:!1,lineStyle:{color:"#EBEEF2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}}],series:[{name:"Email marketing",type:"line",stack:"Total amount",areaStyle:{},data:[120,132,101,134,90,230,210]},{name:"Alliance advertising",type:"line",stack:"Total amount",areaStyle:{},data:[220,182,191,234,290,330,310]},{name:"Video ad",type:"line",stack:"Total amount",areaStyle:{},data:[150,232,201,154,190,330,410]},{name:"Direct interview",type:"line",stack:"Total amount",areaStyle:{normal:{}},data:[320,332,301,334,390,330,320]},{name:"Search engine",type:"line",stack:"Total amount",label:{normal:{show:!0,position:"top"}},areaStyle:{normal:{}},data:[820,932,901,934,1290,1330,1320]}]},this.pieOptions={color:["#88AFFF","#FFC18D","#D7A0FF","#FF8DA3","#80EBFE"],title:{text:"User access source",subtext:"Purely fictitious",x:"center",textStyle:{color:"#C2C2C2"}},tooltip:{trigger:"item",formatter:"{a}
{b} : {c} ({d}%)"},legend:{orient:"vertical",left:"left",data:["Video ad","Email marketing","Alliance advertising","Direct interview","Search engine"],textStyle:{color:"#C2C2C2"}},series:[{name:"Access source",type:"pie",radius:"55%",center:["50%","60%"],data:[{value:135,name:"Video ad"},{value:310,name:"Email marketing"},{value:234,name:"Alliance advertising"},{value:335,name:"Direct interview"},{value:1548,name:"Search engine"}],itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},this.punchCardOptions={color:["#88AFFF"],title:{text:"Punch Card of Github",textStyle:{color:"#C2C2C2"}},legend:{data:["Punch Card"],left:"right",textStyle:{color:"#C2C2C2"}},polar:{},tooltip:{formatter:function(e){return e.value[2]+" commits in "+l[e.value[1]]+" of "+n[e.value[0]]}},angleAxis:{type:"category",data:l,boundaryGap:!1,splitLine:{show:!0,lineStyle:{color:"#EBEEF2",type:"dashed"}},axisLine:{show:!1},axisLabel:{color:"#C2C2C2"}},radiusAxis:{type:"category",data:n,axisLine:{show:!1},axisLabel:{rotate:45,color:"#C2C2C2"}},series:[{name:"Punch Card",type:"scatter",coordinateSystem:"polar",symbolSize:function(l){return 2*l[2]},data:[[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]],animationDelay:function(l){return 5*l}}]};for(var e=+new Date(1968,9,3),a=[],u=[300*Math.random()],t=1;t<2e4;t++){var i=new Date(e+=864e5);a.push([i.getFullYear(),i.getMonth()+1,i.getDate()].join("/"));let l=Math.round(20*(Math.random()-.5)+u[t-1]);l<0&&(l*=-1),u.push(l)}this.LargeAreaOptions={tooltip:{trigger:"axis"},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,data:a,axisLine:{lineStyle:{color:"#C2C2C2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}},yAxis:{type:"value",boundaryGap:[0,"100%"],axisLine:{lineStyle:{color:"#C2C2C2"}},splitLine:{show:!1,lineStyle:{color:"#EBEEF2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}},dataZoom:[{type:"inside",start:0,end:10},{start:0,end:10,handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",shadowBlur:3,shadowColor:"rgba(0, 0, 0, 0.6)",shadowOffsetX:2,shadowOffsetY:2}}],series:[{name:"Simulation data",type:"line",smooth:!0,symbol:"none",sampling:"average",itemStyle:{color:"rgb(255, 70, 131)"},areaStyle:{color:new m.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgb(255, 158, 68)"},{offset:1,color:"rgb(255, 70, 131)"}])},data:u}]};for(let o=0;o<100;o++)this.xAxisData.push("Category "+o),this.data1.push(5*(Math.sin(o/5)*(o/5-10)+o/6)),this.data2.push(5*(Math.cos(o/5)*(o/5-10)+o/6));this.baranimationOptions={color:["#ABC7FF","#BF89ED"],legend:{data:["bar","bar2"],align:"left",textStyle:{color:"#C2C2C2"}},xAxis:[{data:this.xAxisData,silent:!1,axisTick:{alignWithLabel:!0},axisLine:{lineStyle:{color:"#C2C2C2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}}],yAxis:[{axisLine:{lineStyle:{color:"#C2C2C2"}},splitLine:{show:!1,lineStyle:{color:"#EBEEF2"}},axisLabel:{textStyle:{color:"#C2C2C2"}}}],series:[{name:"bar",type:"bar",data:this.data1,animationDelay:l=>10*l},{name:"bar2",type:"bar",data:this.data2,animationDelay:l=>10*l+100}],animationEasing:"elasticOut",animationDelayUpdate:l=>5*l},this.radarOptions={color:["#FF7590","#FFB375"],tooltip:{},legend:{data:["Allocated Budget","Actual Spending"],textStyle:{color:"#C2C2C2"}},radar:{name:{textStyle:{color:"#C2C2C2"}},indicator:[{name:"Sales",max:6500},{name:"Administration",max:16e3},{name:"Information Techology",max:3e4},{name:"Customer Support",max:38e3},{name:"Development",max:52e3},{name:"Marketing",max:25e3}],splitArea:{areaStyle:{color:"transparent"}}},series:[{name:"Budget vs Spending",type:"radar",data:[{value:[4300,1e4,28e3,35e3,5e4,19e3],name:"Allocated Budget"},{value:[5e3,14e3,28e3,31e3,42e3,21e3],name:"Actual Spending"}]}]}}loadLineChartOptions(l,n){let e=new Array;return l.forEach(l=>{e.push("")}),{xAxis:{type:"category",show:!1,data:e,boundaryGap:!1},yAxis:{type:"value",show:!1},tooltip:{trigger:"axis",formatter:function(l,e,a){return''+l[0].value}},grid:{left:"0%",right:"0%",bottom:"0%",top:"0%",containLabel:!1},series:[{data:l,type:"line",showSymbol:!1,symbolSize:1,lineStyle:{color:n,width:1}}]}}}var C=a["\u0275crt"]({encapsulation:0,styles:[[""]],data:{}});function g(l){return a["\u0275vid"](0,[(l()(),a["\u0275eld"](0,0,null,null,19,"div",[["class","block-header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](1,0,null,null,18,"div",[["class","row"]],null,null,null,null,null)),(l()(),a["\u0275eld"](2,0,null,null,4,"div",[["class","col-lg-7 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](3,0,null,null,3,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Charts "])),(l()(),a["\u0275eld"](5,0,null,null,1,"small",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Welcome to sQuare"])),(l()(),a["\u0275eld"](7,0,null,null,12,"div",[["class","col-lg-5 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](8,0,null,null,11,"ul",[["class","breadcrumb float-md-right"]],null,null,null,null,null)),(l()(),a["\u0275eld"](9,0,null,null,5,"li",[["class","breadcrumb-item"]],null,null,null,null,null)),(l()(),a["\u0275eld"](10,0,null,null,4,"a",[],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(l,n,e){var u=!0;return"click"===n&&(u=!1!==a["\u0275nov"](l,11).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&u),u},null,null)),a["\u0275did"](11,671744,null,0,i.o,[i.l,i.a,p.LocationStrategy],{routerLink:[0,"routerLink"]},null),a["\u0275pad"](12,1),(l()(),a["\u0275eld"](13,0,null,null,0,"i",[["class","zmdi zmdi-home"]],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,[" sQuare"])),(l()(),a["\u0275eld"](15,0,null,null,2,"li",[["class","breadcrumb-item"]],null,null,null,null,null)),(l()(),a["\u0275eld"](16,0,null,null,1,"a",[["href","javascript:void(0);"]],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Charts"])),(l()(),a["\u0275eld"](18,0,null,null,1,"li",[["class","breadcrumb-item active"]],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["E Charts"])),(l()(),a["\u0275eld"](20,0,null,null,49,"div",[["class","container-fluid"]],null,null,null,null,null)),(l()(),a["\u0275eld"](21,0,null,null,48,"div",[["class","row clearfix"]],null,null,null,null,null)),(l()(),a["\u0275eld"](22,0,null,null,7,"div",[["class","col-lg-12 col-md-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](23,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](24,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](25,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Stacked Area Chart"])),(l()(),a["\u0275eld"](27,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](28,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](29,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null),(l()(),a["\u0275eld"](30,0,null,null,7,"div",[["class","col-lg-6 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](31,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](32,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](33,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Bar Animation Chart"])),(l()(),a["\u0275eld"](35,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](36,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](37,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null),(l()(),a["\u0275eld"](38,0,null,null,7,"div",[["class","col-lg-6 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](39,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](40,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](41,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Pie Chart"])),(l()(),a["\u0275eld"](43,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](44,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](45,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null),(l()(),a["\u0275eld"](46,0,null,null,7,"div",[["class","col-lg-6 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](47,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](48,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](49,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Radar"])),(l()(),a["\u0275eld"](51,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](52,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](53,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null),(l()(),a["\u0275eld"](54,0,null,null,7,"div",[["class","col-lg-6 col-md-6 col-sm-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](55,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](56,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](57,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Punch Card"])),(l()(),a["\u0275eld"](59,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](60,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](61,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null),(l()(),a["\u0275eld"](62,0,null,null,7,"div",[["class","col-lg-12 col-md-12"]],null,null,null,null,null)),(l()(),a["\u0275eld"](63,0,null,null,6,"div",[["class","card"]],null,null,null,null,null)),(l()(),a["\u0275eld"](64,0,null,null,2,"div",[["class","header"]],null,null,null,null,null)),(l()(),a["\u0275eld"](65,0,null,null,1,"h2",[],null,null,null,null,null)),(l()(),a["\u0275ted"](-1,null,["Large scale area chart"])),(l()(),a["\u0275eld"](67,0,null,null,2,"div",[["class","body"]],null,null,null,null,null)),(l()(),a["\u0275eld"](68,0,null,null,1,"div",[["echarts",""]],null,null,null,null,null)),a["\u0275did"](69,5193728,null,0,h.b,[a.ElementRef,a.NgZone],{options:[0,"options"]},null)],function(l,n){var e=n.component,a=l(n,12,0,"/");l(n,11,0,a),l(n,29,0,e.chartOptions),l(n,37,0,e.baranimationOptions),l(n,45,0,e.pieOptions),l(n,53,0,e.radarOptions),l(n,61,0,e.punchCardOptions),l(n,69,0,e.LargeAreaOptions)},function(l,n){l(n,10,0,a["\u0275nov"](n,11).target,a["\u0275nov"](n,11).href)})}function v(l){return a["\u0275vid"](0,[(l()(),a["\u0275eld"](0,0,null,null,1,"sa-page-e-charts",[],null,null,null,g,C)),a["\u0275did"](1,114688,null,0,y,[],null,null)],function(l,n){l(n,1,0)},null)}var b=a["\u0275ccf"]("sa-page-e-charts",y,v,{},{},[]);const x={title:":: sQuare Angular :: Charts ::"};class f{}e.d(n,"ChartsModuleNgFactory",function(){return S});var S=a["\u0275cmf"](u,[],function(l){return a["\u0275mod"]([a["\u0275mpd"](512,a.ComponentFactoryResolver,a["\u0275CodegenComponentFactoryResolver"],[[8,[t.a,c,b]],[3,a.ComponentFactoryResolver],a.NgModuleRef]),a["\u0275mpd"](4608,p.NgLocalization,p.NgLocaleLocalization,[a.LOCALE_ID,[2,p["\u0275angular_packages_common_common_a"]]]),a["\u0275mpd"](1073742336,p.CommonModule,p.CommonModule,[]),a["\u0275mpd"](1073742336,i.p,i.p,[[2,i.u],[2,i.l]]),a["\u0275mpd"](1073742336,f,f,[]),a["\u0275mpd"](1073742336,h.a,h.a,[]),a["\u0275mpd"](1073742336,u,u,[]),a["\u0275mpd"](1024,i.j,function(){return[[{path:"",component:o,children:[{path:"",redirectTo:"echarts",pathMatch:"full"},{path:"echarts",component:y,data:x}]}]]},[])])})}}]);