var dom=document.getElementById("line-chart"),myChart=echarts.init(dom),app={};option=null,option={grid:{zlevel:0,x:50,x2:50,y:30,y2:30,borderWidth:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"rgba(0,0,0,0)"},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}}},yAxis:{type:"value",axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"solid",color:"#323a4e"}}},series:[{data:[820,932,901,934,1290,1330,1320],type:"line"}],color:["#3c4ccf"]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("mix-line-bar"),myChart=echarts.init(dom);option=null,(app={}).title="Data view",option={grid:{zlevel:0,x:50,x2:50,y:30,y2:30,borderWidth:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"rgba(0,0,0,0)"},tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:"#323a4e"}}},toolbox:{feature:{dataView:{show:!0,readOnly:!1},magicType:{show:!0,type:["line","bar"]},restore:{show:!0},saveAsImage:{show:!0}}},color:["#3c4ccf","#02a499","#38a4f8"],legend:{data:["Evaporation","Precipitation","Average temperature"],textStyle:{color:"#eee"}},xAxis:[{type:"category",data:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug"],axisPointer:{type:"shadow"},axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}}}],yAxis:[{type:"value",name:"Water volume",min:0,max:250,interval:50,axisLabel:{formatter:"{value} ml"},axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"solid",color:"#323a4e"}}},{type:"value",name:"Temperature",min:0,max:25,interval:5,axisLabel:{formatter:"{value} °C"},axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{show:!1}}],series:[{name:"Evaporation",type:"bar",data:[2,4.9,7,23.2,25.6,76.7,135.6,162.2]},{name:"Precipitation",type:"bar",data:[2.6,5.9,9,26.4,28.7,70.7,175.6,182.2]},{name:"Average Temperature",type:"line",yAxisIndex:1,data:[2,2.2,3.3,4.5,6.3,10.2,20.3,23.4]}]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("doughnut-chart"),myChart=echarts.init(dom),app={};option=null,option={tooltip:{trigger:"item",formatter:"{a} <br/>{b}: {c} ({d}%)"},legend:{orient:"vertical",x:"left",data:["Laptop","Tablet","Mobile","Others","Desktop"],textStyle:{color:"#eee"}},color:["#02a499","#f8b425","#ec4561","#38a4f8","#3c4ccf"],series:[{name:"Total sales",type:"pie",radius:["50%","70%"],avoidLabelOverlap:!1,label:{normal:{show:!1,position:"center"},emphasis:{show:!0,textStyle:{fontSize:"30",fontWeight:"bold"}}},labelLine:{normal:{show:!1}},data:[{value:335,name:"Laptop"},{value:310,name:"Tablet"},{value:234,name:"Mobile"},{value:135,name:"Others"},{value:1548,name:"Desktop"}]}]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("pie-chart"),myChart=echarts.init(dom),app={};option=null,option={tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{orient:"vertical",left:"left",data:["Laptop","Tablet","Mobile","Others","Desktop"],textStyle:{color:"#eee"}},color:["#02a499","#f8b425","#ec4561","#38a4f8","#3c4ccf"],series:[{name:"Total sales",type:"pie",radius:"55%",center:["50%","60%"],data:[{value:335,name:"Laptop"},{value:310,name:"Tablet"},{value:234,name:"Mobile"},{value:135,name:"Others"},{value:1548,name:"Desktop"}],itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("scatter-chart"),myChart=echarts.init(dom),app={};option=null,option={grid:{zlevel:0,x:50,x2:50,y:30,y2:30,borderWidth:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"rgba(0,0,0,0)"},xAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"solid",color:"#323a4e"}}},yAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"solid",color:"#323a4e"}}},series:[{symbolSize:10,data:[[10,8.04],[8,6.95],[13,7.58],[9,8.81],[11,8.33],[14,9.96],[6,7.24],[4,4.26],[12,10.84],[7,4.82],[5,5.68]],type:"scatter"}],color:["#3c4ccf"]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("bubble-chart"),myChart=echarts.init(dom),app={};option=null;var data=[[[28604,77,17096869,"Australia",1990],[31163,77.4,27662440,"Canada",1990],[1516,68,1154605773,"China",1990],[13670,74.7,10582082,"Cuba",1990],[28599,75,4986705,"Finland",1990],[29476,77.1,56943299,"France",1990],[31476,75.4,78958237,"Germany",1990],[28666,78.1,254830,"Iceland",1990],[1777,57.7,870601776,"India",1990],[29550,79.1,122249285,"Japan",1990],[2076,67.9,20194354,"North Korea",1990],[12087,72,42972254,"South Korea",1990],[24021,75.4,3397534,"New Zealand",1990],[43296,76.8,4240375,"Norway",1990],[10088,70.8,38195258,"Poland",1990],[19349,69.6,147568552,"Russia",1990],[10670,67.3,53994605,"Turkey",1990],[26424,75.7,57110117,"United Kingdom",1990],[37062,75.4,252847810,"United States",1990]],[[44056,81.8,23968973,"Australia",2015],[43294,81.7,35939927,"Canada",2015],[13334,76.9,1376048943,"China",2015],[21291,78.5,11389562,"Cuba",2015],[38923,80.8,5503457,"Finland",2015],[37599,81.9,64395345,"France",2015],[44053,81.1,80688545,"Germany",2015],[42182,82.8,329425,"Iceland",2015],[5903,66.8,1311050527,"India",2015],[36162,83.5,126573481,"Japan",2015],[1390,71.4,25155317,"North Korea",2015],[34644,80.7,50293439,"South Korea",2015],[34186,80.6,4528526,"New Zealand",2015],[64304,81.6,5210967,"Norway",2015],[24787,77.3,38611794,"Poland",2015],[23038,73.13,143456918,"Russia",2015],[19360,76.5,78665830,"Turkey",2015],[38225,81.4,64715810,"United Kingdom",2015],[53354,79.1,321773631,"United States",2015]]];option={grid:{zlevel:0,x:50,x2:50,y:30,y2:30,borderWidth:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"rgba(0,0,0,0)"},legend:{right:10,data:["2017","2019"],textStyle:{color:"#eee"}},xAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"dashed",color:"#323a4e"}}},yAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"dashed",color:"#323a4e"}},scale:!0},series:[{name:"2017",data:data[0],type:"scatter",symbolSize:function(e){return Math.sqrt(e[2])/500},label:{emphasis:{show:!0,formatter:function(e){return e.data[3]},position:"top"}},itemStyle:{normal:{shadowBlur:10,shadowColor:"rgba(60, 76, 207, 0.5)",shadowOffsetY:5,color:new echarts.graphic.RadialGradient(.4,.3,1,[{offset:0,color:"rgb(145, 155, 236)"},{offset:1,color:"rgb(60, 76, 207)"}])}}},{name:"2019",data:data[1],type:"scatter",symbolSize:function(e){return Math.sqrt(e[2])/500},label:{emphasis:{show:!0,formatter:function(e){return e.data[3]},position:"top"}},itemStyle:{normal:{shadowBlur:10,shadowColor:"rgba(2, 164, 153, 0.5)",shadowOffsetY:5,color:new echarts.graphic.RadialGradient(.4,.3,1,[{offset:0,color:"rgb(33, 222, 209)"},{offset:1,color:"rgb(2, 164, 153)"}])}}}]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("candlestick-chart"),myChart=echarts.init(dom),app={};option=null,option={grid:{zlevel:0,x:50,x2:50,y:30,y2:30,borderWidth:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"rgba(0,0,0,0)"},xAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},data:["2017-10-24","2017-10-25","2017-10-26","2017-10-27"]},yAxis:{axisLine:{show:!0,lineStyle:{color:"#eee",type:"solid"}},splitLine:{lineStyle:{type:"solid",color:"#323a4e"}}},series:[{type:"k",data:[[20,30,10,35],[40,35,30,55],[33,38,33,40],[40,40,32,42]],itemStyle:{normal:{color:"#3c4ccf",color0:"#02a499",borderColor:"#3c4ccf",borderColor0:"#02a499"}}}]},option&&"object"==typeof option&&myChart.setOption(option,!0);dom=document.getElementById("gauge-chart"),myChart=echarts.init(dom),app={};option=null,option={tooltip:{formatter:"{a} <br/>{b} : {c}%"},toolbox:{feature:{restore:{},saveAsImage:{}}},series:[{name:"Business indicator",type:"gauge",detail:{formatter:"{value}%"},axisLine:{lineStyle:{color:[[.2,"#02a499"],[.8,"#3c4ccf"],[1,"#ec4561"]],width:20}},data:[{value:50,name:"Completion rate"}]}]},setInterval(function(){option.series[0].data[0].value=(100*Math.random()).toFixed(2)-0,myChart.setOption(option,!0)},2e3),option&&"object"==typeof option&&myChart.setOption(option,!0);