1 line
1.9 KiB
JavaScript
Executable File
1 line
1.9 KiB
JavaScript
Executable File
new CustomApexChart({selector:"#basic-range",options:()=>({series:[{name:"Acme Corp Stock Price",data:[{x:"Jan",y:[112,132]},{x:"Feb",y:[118,140]},{x:"Mar",y:[125,150]},{x:"Apr",y:[130,155]},{x:"May",y:[128,162]},{x:"Jun",y:[135,170]},{x:"Jul",y:[140,180]},{x:"Aug",y:[138,178]},{x:"Sep",y:[133,165]},{x:"Oct",y:[127,158]},{x:"Nov",y:[122,150]},{x:"Dec",y:[120,145]}]}],colors:[ins("secondary")],chart:{height:350,type:"rangeArea",toolbar:{show:!1}},stroke:{curve:"monotoneCubic"},markers:{hover:{sizeOffset:5}},dataLabels:{enabled:!1},yaxis:{labels:{formatter:e=>"$"+e.toFixed(0)}}})}),new CustomApexChart({selector:"#combo-range",options:()=>({series:[{type:"rangeArea",name:"Division Y Range",data:[{x:"Jan",y:[800,1300]},{x:"Feb",y:[950,1250]},{x:"Mar",y:[1e3,1700]},{x:"Apr",y:[1100,1600]},{x:"May",y:[1600,2400]},{x:"Jun",y:[700,1200]},{x:"Jul",y:[1500,1800]},{x:"Aug",y:[900,1400]}]},{type:"rangeArea",name:"Division X Range",data:[{x:"Jan",y:[2400,2800]},{x:"Feb",y:[3e3,3600]},{x:"Mar",y:[2700,3400]},{x:"Apr",y:[2900,3200]},{x:"May",y:[3900,4600]},{x:"Jun",y:[4200,5e3]},{x:"Jul",y:[3800,4200]},{x:"Aug",y:[2e3,2700]}]},{type:"line",name:"Division Y Median",data:[{x:"Jan",y:1050},{x:"Feb",y:1100},{x:"Mar",y:1350},{x:"Apr",y:1350},{x:"May",y:2e3},{x:"Jun",y:1e3},{x:"Jul",y:1650},{x:"Aug",y:1150},{x:"Sep",y:1250},{x:"Oct",y:1350}]},{type:"line",name:"Division X Median",data:[{x:"Jan",y:2600},{x:"Feb",y:3300},{x:"Mar",y:3050},{x:"Apr",y:3050},{x:"May",y:4250},{x:"Jun",y:4700},{x:"Jul",y:4e3},{x:"Aug",y:2350},{x:"Sep",y:2100},{x:"Oct",y:1900}]}],chart:{height:350,type:"rangeArea",animations:{speed:500},toolbar:{show:!1}},colors:[ins("danger"),ins("success")],dataLabels:{enabled:!1},fill:{opacity:[.24,.24,1,1]},forecastDataPoints:{count:2},stroke:{curve:"straight",width:[0,0,2,2]},legend:{show:!0,customLegendItems:["Division Y","Division X"],inverseOrder:!0},markers:{hover:{sizeOffset:5}}})}); |