1 line
1.5 KiB
JavaScript
Executable File
1 line
1.5 KiB
JavaScript
Executable File
new CustomApexChart({selector:"#basic-radar",options:()=>({chart:{height:350,type:"radar",toolbar:{show:!1}},series:[{name:"Series 1",data:[85,70,60,90,75,65]}],labels:["HTML","CSS","JavaScript","React","Node.js","SQL"],colors:[ins("primary")]})}),new CustomApexChart({selector:"#radar-polygon",options:()=>({chart:{height:350,type:"radar"},series:[{name:"Activity Level",data:[80,60,75,90,50,70,65]}],colors:[ins("secondary")],labels:["Cardio","Strength Training","Flexibility","Endurance","Balance","HIIT","Mobility"],plotOptions:{radar:{size:120}},markers:{size:4,colors:[ins("danger")],strokeWidth:2},tooltip:{y:{formatter:function(a){return a+" pts"}}},yaxis:{tickAmount:7,labels:{formatter:function(a,e){return e%2==0?a:""}}}})});let multiSeriesRadarChart=new CustomApexChart({selector:"#radar-multiple-series",options:()=>({chart:{height:350,type:"radar",toolbar:{show:!1}},series:[{name:"Marketing",data:[85,70,65,90,60,75]},{name:"Sales",data:[60,80,75,55,95,70]},{name:"IT",data:[78,65,80,40,60,85]}],colors:[ins("primary"),ins("secondary"),ins("purple")],stroke:{width:0},plotOptions:{radar:{size:120}},fill:{opacity:.4},markers:{size:0},legend:{offsetY:5},labels:["Customer Satisfaction","Revenue Growth","Efficiency","Innovation","Support Quality","Compliance"]})});function update(){function a(){var e=[];for(let a=0;a<6;a++)e.push(Math.floor(100*Math.random()));return e}multiSeriesRadarChart.chart.updateSeries([{name:"Marketing",data:a()},{name:"Sales",data:a()},{name:"IT",data:a()}])} |