1 line
8.7 KiB
JavaScript
1 line
8.7 KiB
JavaScript
var colors=["#39afd1"],dataColors=document.querySelector("#basic-bar").dataset.colors,options={chart:{height:380,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},dataLabels:{enabled:!1},series:[{data:[400,430,448,470,540,580,690,1100,1200,1380]}],colors:colors=dataColors?dataColors.split(","):colors,xaxis:{categories:["South Korea","Canada","United Kingdom","Netherlands","Italy","France","Japan","United States","China","Germany"]},states:{hover:{filter:"none"}},grid:{borderColor:"#f1f3fa"}},chart=new ApexCharts(document.querySelector("#basic-bar"),options),colors=(chart.render(),["#fa5c7c","#6c757d"]),options={chart:{height:380,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0,dataLabels:{position:"top"}}},dataLabels:{enabled:!0,offsetX:-6,style:{fontSize:"12px",colors:["#fff"]}},colors:colors=(dataColors=document.querySelector("#grouped-bar").dataset.colors)?dataColors.split(","):colors,stroke:{show:!0,width:1,colors:["#fff"]},series:[{name:"Series 1",data:[44,55,41,64,22,43,21]},{name:"Series 2",data:[53,32,33,52,13,44,32]}],xaxis:{categories:[2001,2002,2003,2004,2005,2006,2007]},legend:{offsetY:5},states:{hover:{filter:"none"}},grid:{borderColor:"#f1f3fa",padding:{bottom:5}}},colors=((chart=new ApexCharts(document.querySelector("#grouped-bar"),options)).render(),["#3e60d5","#47ad77","#fa5c7c","#6c757d","#39afd1"]),options={chart:{height:380,type:"bar",stacked:!0,toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},stroke:{show:!1},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]},{name:"Reborn Kid",data:[25,12,19,32,25,24,10]}],xaxis:{categories:[2008,2009,2010,2011,2012,2013,2014],labels:{formatter:function(e){return e+"K"}}},yaxis:{title:{text:void 0}},colors:colors=(dataColors=document.querySelector("#stacked-bar").dataset.colors)?dataColors.split(","):colors,tooltip:{y:{formatter:function(e){return e+"K"}}},fill:{opacity:1},states:{hover:{filter:"none"}},legend:{position:"top",horizontalAlign:"center",offsetY:10},grid:{borderColor:"#f1f3fa"}},colors=((chart=new ApexCharts(document.querySelector("#stacked-bar"),options)).render(),["#ffbc00","#39afd1","#6c757d","#e3eaef","#3e60d5"]),options={chart:{height:380,type:"bar",stacked:!0,stackType:"100%",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},stroke:{width:1,colors:["#fff"]},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]},{name:"Reborn Kid",data:[25,12,19,32,25,24,10]}],xaxis:{categories:[2008,2009,2010,2011,2012,2013,2014]},colors:colors=(dataColors=document.querySelector("#full-stacked-bar").dataset.colors)?dataColors.split(","):colors,tooltip:{y:{formatter:function(e){return e+"K"}}},fill:{opacity:1},states:{hover:{filter:"none"}},legend:{position:"top",horizontalAlign:"center",offsetY:10},grid:{borderColor:"#f1f3fa",padding:{top:0}}},colors=((chart=new ApexCharts(document.querySelector("#full-stacked-bar"),options)).render(),["#fa5c7c","#47ad77"]),options={chart:{height:380,type:"bar",stacked:!0,toolbar:{show:!1}},colors:colors=(dataColors=document.querySelector("#negative-bar").dataset.colors)?dataColors.split(","):colors,plotOptions:{bar:{horizontal:!0,barHeight:"80%"}},dataLabels:{enabled:!1},stroke:{width:1,colors:["#fff"]},series:[{name:"Males",data:[.4,.65,.76,.88,1.5,2.1,2.9,3.8,3.9,4.2,4,4.3,4.1,4.2,4.5,3.9,3.5,3]},{name:"Females",data:[-.8,-1.05,-1.06,-1.18,-1.4,-2.2,-2.85,-3.7,-3.96,-4.22,-4.3,-4.4,-4.1,-4,-4.1,-3.4,-3.1,-2.8]}],grid:{borderColor:"#f1f3fa",padding:{bottom:5}},yaxis:{min:-5,max:5,title:{}},tooltip:{shared:!1,x:{formatter:function(e){return e}},y:{formatter:function(e){return Math.abs(e)+"%"}}},xaxis:{categories:["85+","80-84","75-79","70-74","65-69","60-64","55-59","50-54","45-49","40-44","35-39","30-34","25-29","20-24","15-19","10-14","5-9","0-4"],title:{text:"Percent"},labels:{formatter:function(e){return Math.abs(Math.round(e))+"%"}}},legend:{offsetY:7}},colors=((chart=new ApexCharts(document.querySelector("#negative-bar"),options)).render(),["#3e60d5","#47ad77","#fa5c7c","#39afd1"]),options={chart:{height:380,type:"bar",stacked:!0,toolbar:{show:!1},shadow:{enabled:!0,blur:1,opacity:.5}},plotOptions:{bar:{horizontal:!0,barHeight:"60%"}},dataLabels:{enabled:!1},stroke:{width:2},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]}],xaxis:{categories:[2008,2009,2010,2011,2012,2013,2014]},yaxis:{title:{text:void 0}},tooltip:{shared:!1,y:{formatter:function(e){return e+"K"}}},colors:colors=(dataColors=document.querySelector("#pattern-bar").dataset.colors)?dataColors.split(","):colors,fill:{type:"pattern",opacity:1,pattern:{style:["circles","slantedLines","verticalLines","horizontalLines"]}},states:{hover:{filter:"none"}},legend:{position:"right"},grid:{borderColor:"#f1f3fa"},responsive:[{breakpoint:600,options:{legend:{show:!1}}}]},labels=((chart=new ApexCharts(document.querySelector("#pattern-bar"),options)).render(),Array.apply(null,{length:39}).map(function(e,o){return o+1})),options={chart:{height:450,type:"bar",toolbar:{show:!1},animations:{enabled:!1}},plotOptions:{bar:{horizontal:!0,barHeight:"100%"}},dataLabels:{enabled:!1},stroke:{colors:["#fff"],width:.2},series:[{name:"coins",data:[2,4,3,4,3,5,5,6.5,6,5,4,5,8,7,7,8,8,10,9,9,12,12,11,12,13,14,16,14,15,17,19,21]}],labels:labels,yaxis:{axisBorder:{show:!1},axisTicks:{show:!1},labels:{show:!1},title:{text:"Weight"}},grid:{position:"back",borderColor:"#f1f3fa"},fill:{type:"image",opacity:.87,image:{src:["assets/images/small/small-4.jpg"],width:466,height:406}}},colors=((chart=new ApexCharts(document.querySelector("#image-fill-bar"),options)).render(),["#3e60d5","#47ad77","#fa5c7c","#6c757d","#39afd1","#2b908f","#ffbc00","#90ee7e","#f48024","#212730"]),options={chart:{height:450,type:"bar"},plotOptions:{bar:{barHeight:"100%",distributed:!0,horizontal:!0,dataLabels:{position:"bottom"}}},colors:colors=(dataColors=document.querySelector("#datalables-bar").dataset.colors)?dataColors.split(","):colors,dataLabels:{enabled:!0,textAnchor:"start",style:{colors:["#fff"]},formatter:function(e,o){return o.w.globals.labels[o.dataPointIndex]+": "+e},offsetX:0,dropShadow:{enabled:!1}},series:[{data:[400,430,448,470,540,580,690,1100,1200,1380]}],stroke:{width:0,colors:["#fff"]},xaxis:{categories:["South Korea","Canada","United Kingdom","Netherlands","Italy","France","Japan","United States","China","India"]},yaxis:{labels:{show:!1}},grid:{borderColor:"#f1f3fa"},tooltip:{theme:"dark",x:{show:!1},y:{title:{formatter:function(){return""}}}}};(chart=new ApexCharts(document.querySelector("#datalables-bar"),options)).render();options={series:[{name:"Actual",data:[{x:"2017",y:12,goals:[{name:"Expected",value:14,strokeWidth:2,strokeDashArray:2,strokeColor:(colors=(dataColors=document.querySelector("#bar-markers").dataset.colors)?dataColors.split(","):colors)[1]}]},{x:"2018",y:44,goals:[{name:"Expected",value:54,strokeWidth:5,strokeHeight:10,strokeColor:colors[1]}]},{x:"2019",y:54,goals:[{name:"Expected",value:52,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:colors[1]}]},{x:"2020",y:66,goals:[{name:"Expected",value:61,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:colors[1]}]},{x:"2021",y:81,goals:[{name:"Expected",value:66,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:colors[1]}]},{x:"2022",y:67,goals:[{name:"Expected",value:70,strokeWidth:5,strokeHeight:10,strokeColor:colors[1]}]}]}],chart:{height:380,type:"bar"},plotOptions:{bar:{horizontal:!0}},colors:colors,dataLabels:{dataLabels:{formatter:function(e,o){o.w.config.series[o.seriesIndex].data[o.dataPointIndex].goals;return e}}},legend:{show:!0,showForSingleSeries:!0,customLegendItems:["Actual","Expected"],markers:{fillColors:colors}}};(chart=new ApexCharts(document.querySelector("#bar-markers"),options)).render();options={series:[{data:[400,430,448,470,540,580,690]}],chart:{type:"bar",height:380},annotations:{xaxis:[{x:500,borderColor:(colors=(dataColors=document.querySelector("#reversed-bar").dataset.colors)?dataColors.split(","):colors)[1],label:{borderColor:colors[1],style:{color:"#fff",background:colors[1]},text:"X annotation"}}],yaxis:[{y:"July",y2:"September",label:{text:"Y annotation"}}]},plotOptions:{bar:{horizontal:!0}},dataLabels:{enabled:!0},xaxis:{categories:["June","July","August","September","October","November","December"]},colors:colors,grid:{xaxis:{lines:{show:!0}}},yaxis:{reversed:!0,axisTicks:{show:!0}}};(chart=new ApexCharts(document.querySelector("#reversed-bar"),options)).render(); |