D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
bambooinn.in
/
admin
/
assets
/
js
/
pages
/
Filename :
echarts.init.js
back
Copy
function getChartColorsArray(e){e=$(e).attr("data-colors");return(e=JSON.parse(e)).map(function(e){e=e.replace(" ","");if(-1==e.indexOf("--"))return e;e=getComputedStyle(document.documentElement).getPropertyValue(e);return e||void 0})}var lineColors=getChartColorsArray("#line-chart"),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:{lineStyle:{color:"#858d98"}}},yAxis:{type:"value",axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}}},series:[{data:[820,932,901,934,1290,1330,1320],type:"line"}],color:lineColors},option&&"object"==typeof option&&myChart.setOption(option,!0);var mixlinebarColors=getChartColorsArray("#mix-line-bar"),dom=document.getElementById("mix-line-bar"),myChart=echarts.init(dom);option=null,(app={}).title="Data view",option={grid:{zlevel:0,x:80,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:"#999"}}},toolbox:{orient:"center",left:0,top:20,feature:{dataView:{readOnly:!1,title:"Data View"},magicType:{type:["line","bar"],title:{line:"For line chart",bar:"For bar chart"}},restore:{title:"restore"},saveAsImage:{title:"Download Image"}}},color:mixlinebarColors,legend:{data:["Evaporation","Precipitation","Average temperature"],textStyle:{color:"#858d98"}},xAxis:[{type:"category",data:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug"],axisPointer:{type:"shadow"},axisLine:{lineStyle:{color:"#858d98"}}}],yAxis:[{type:"value",name:"Water volume",min:0,max:250,interval:50,axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}},axisLabel:{formatter:"{value} ml"}},{type:"value",name:"Temperature",min:0,max:25,interval:5,axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}},axisLabel:{formatter:"{value} °C"}}],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);var doughnutColors=getChartColorsArray("#doughnut-chart"),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:"#858d98"}},color:doughnutColors,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);var pieColors=getChartColorsArray("#pie-chart"),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:"#858d98"}},color:pieColors,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);var scatterColors=getChartColorsArray("#scatter-chart"),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:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}}},yAxis:{axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}}},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:scatterColors},option&&"object"==typeof option&&myChart.setOption(option,!0);var bubbleColors=getChartColorsArray("#bubble-chart"),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:["2018","2019"]},xAxis:{axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{type:"dashed",color:"rgba(133, 141, 152, 0.1)"}}},yAxis:{axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{type:"dashed",color:"rgba(133, 141, 152, 0.1)"}},scale:!0},series:[{name:"2018",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:bubbleColors[2],shadowOffsetY:5,color:new echarts.graphic.RadialGradient(.4,.3,1,[{offset:0,color:bubbleColors[1]},{offset:1,color:bubbleColors[0]}])}}},{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:bubbleColors[5],shadowOffsetY:5,color:new echarts.graphic.RadialGradient(.4,.3,1,[{offset:0,color:bubbleColors[4]},{offset:1,color:bubbleColors[3]}])}}}]},option&&"object"==typeof option&&myChart.setOption(option,!0);var candlestickColors=getChartColorsArray("#candlestick-chart"),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:{data:["2017-10-24","2017-10-25","2017-10-26","2017-10-27"],axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}}},yAxis:{axisLine:{lineStyle:{color:"#858d98"}},splitLine:{lineStyle:{color:"rgba(133, 141, 152, 0.1)"}}},series:[{type:"k",data:[[20,30,10,35],[40,35,30,55],[33,38,33,40],[40,40,32,42]],itemStyle:{normal:{color:candlestickColors[0],color0:candlestickColors[1],borderColor:candlestickColors[0],borderColor0:candlestickColors[1]}}}]},option&&"object"==typeof option&&myChart.setOption(option,!0);var gaugeColors=getChartColorsArray("#gauge-chart"),dom=document.getElementById("gauge-chart"),myChart=echarts.init(dom),app={};option=null,option={tooltip:{formatter:"{a} <br/>{b} : {c}%"},toolbox:{feature:{restore:{title:"Refresh"},saveAsImage:{title:"Download Image"}}},series:[{name:"Business indicator",type:"gauge",detail:{formatter:"{value}%"},axisLine:{lineStyle:{color:[[.2,gaugeColors[0]],[.8,gaugeColors[1]],[1,gaugeColors[2]]],width:20}},data:[{value:50,name:"Completion rate"}]}]},setInterval(function(){option.series[0].data[0].value=+(100*Math.random()).toFixed(2),myChart.setOption(option,!0)},2e3),option&&"object"==typeof option&&myChart.setOption(option,!0);