1 line
1.4 KiB
JavaScript
Executable File
1 line
1.4 KiB
JavaScript
Executable File
new CustomApexChart({selector:"#basic-slope",options:()=>({series:[{name:"Product A",data:[{x:"Jan",y:120},{x:"Feb",y:160}]},{name:"Product B",data:[{x:"Jan",y:90},{x:"Feb",y:130}]},{name:"Product C",data:[{x:"Jan",y:150},{x:"Feb",y:100}]}],colors:[ins("success"),ins("warning"),ins("danger")],chart:{height:350,width:"100%",type:"line",toolbar:{show:!1}},plotOptions:{line:{isSlopeChart:!0}},xaxis:{labels:{style:{fontSize:"14px",fontWeight:500}}}})}),new CustomApexChart({selector:"#multi-slope",options:()=>({series:[{name:"Desktop",data:[{x:"Page Views",y:1200},{x:"Unique Visitors",y:950},{x:"Conversions",y:300}]},{name:"Tablet",data:[{x:"Page Views",y:900},{x:"Unique Visitors",y:600},{x:"Conversions",y:220}]},{name:"Mobile",data:[{x:"Page Views",y:1600},{x:"Unique Visitors",y:1100},{x:"Conversions",y:500}]},{name:"Other Devices",data:[{x:"Page Views",y:300},{x:"Unique Visitors",y:250},{x:"Conversions",y:100}]}],chart:{height:350,width:600,type:"line"},colors:[ins("secondary"),ins("purple"),ins("info"),ins("warning")],plotOptions:{line:{isSlopeChart:!0}},tooltip:{followCursor:!0,intersect:!1,shared:!0},dataLabels:{background:{enabled:!0},formatter(e,s){s=s.w.config.series[s.seriesIndex].name;return null!==e?s:""}},yaxis:{show:!0,labels:{show:!0}},xaxis:{position:"bottom",labels:{style:{fontSize:"14px",fontWeight:500}}},legend:{show:!0,position:"top",horizontalAlign:"left"},stroke:{width:[2,3,4,2],dashArray:[0,0,5,2],curve:"smooth"}})}); |