https://ki-admin-react-tailwind.vercel.app/assets/index-CO5sHks0.js

1import{u,r as i,j as e}from"./index-BYTsMFJV.js";import{h as n}from"./react-apexcharts.esm-D0NYrAXb.js";import{o as g}from"./ChartPieSlice.es-BWIXEWA2.js";import{a as p}from"./chart-BbkANzZe.js";import{B as y}from"./Breadcrumb-DONwcLnw.js";import{c as l}from"./chunk-QNLCCAKT-D9OEvnc5.js";import{c as d}from"./chunk-C6WKGNND-D5nI-7qz.js";import{c}from"./chunk-SAEUDNWW-BTNhm6aT.js";import"./AppRoutes-m5gnORHH.js";const m="#0ab964",h="#e14e5a",k="#f9c123",x="#4196fa";function j(){return{series:[{name:"Population",data:[400,430,448,470,540,580,690,1100,1200,1380]}],options:{chart:{fontFamily:"Rubik, serif",type:"bar"},colors:[x],plotOptions:{bar:{borderRadius:4,borderRadiusApplication:"end",horizontal:!0}},dataLabels:{enabled:!1},xaxis:{categories:["South Korea","Canada","United Kingdom","Netherlands","Italy","France","Japan","United States","China","Germany"],labels:{style:{fontSize:"14px",fontWeight:500}}},yaxis:{labels:{style:{fontSize:"14px",fontWeight:500}}},tooltip:{x:{show:!1},style:{fontSize:"16px"}},grid:{show:!0,borderColor:"rgba(var(--dark),.2)",strokeDashArray:2}}}}function S(r,t){const a=p("--primary","#0f626a",1,r),s=p("--secondary","#626262",1,t);return{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]}],options:{chart:{fontFamily:"Rubik, serif",type:"bar",height:350,stacked:!0,dropShadow:{enabled:!0,blur:1,opacity:.25}},colors:[a,s,m,h],plotOptions:{bar:{horizontal:!0,barHeight:"60%"}},dataLabels:{enabled:!1},stroke:{width:2},xaxis:{categories:[2008,2009,2010,2011,2012,2013,2014],labels:{style:{fontSize:"14px",fontWeight:500}}},fill:{type:"pattern",opacity:1,pattern:{style:["circles","slantedLines","verticalLines","horizontalLines"]}},states:{hover:{filter:{type:"none"}}},legend:{position:"right",offsetY:40},grid:{show:!0,borderColor:"rgba(var(--dark),.2)",strokeDashArray:2},tooltip:{shared:!1,y:{formatter:o=>`${o}K`},x:{show:!1},style:{fontSize:"16px"}}}}}function C(r,t){const a=p("--primary","#0f626a",1,r),s=p("--secondary","#626262",1,t);return{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]}],options:{chart:{fontFamily:"Rubik, serif",type:"bar",height:350,stacked:!0},colors:[a,s,m,h,k],plotOptions:{bar:{horizontal:!0,dataLabels:{total:{enabled:!0,offsetX:0,style:{fontSize:"13px",fontWeight:900}}}}},stroke:{width:1,colors:["#fff"]},xaxis:{categories:[2008,2009,2010,2011,2012,2013,2014],labels:{style:{fontSize:"14px",fontWeight:500}}},yaxis:{title:{text:void 0},labels:{style:{fontSize:"14px",fontWeight:500}}},fill:{opacity:1},legend:{position:"top",horizontalAlign:"left",offsetX:40},grid:{show:!0,borderColor:"rgba(var(--dark),.2)",strokeDashArray:2},tooltip:{x:{show:!1},style:{fontSize:"16px"},y:{formatter:o=>`${o}K`}}}}}function N(){return{series:[{name:"Q1 Budget",group:"budget",data:[44e3,55e3,41e3,67e3,22e3]},{name:"Q1 Actual",group:"actual",data:[48e3,5e4,4e4,65e3,25e3]},{name:"Q2 Budget",group:"budget",data:[13e3,36e3,2e4,8e3,13e3]},{name:"Q2 Actual",group:"actual",data:[2e4,4e4,25e3,1e4,12e3]}],options:{chart:{fontFamily:"Rubik, serif",stacked:!0},colors:[x,h],stroke:{width:1,colors:["#fff"]},dataLabels:{formatter:r=>`${r/1e3}K`},plotOptions:{bar:{horizontal:!0}},xaxis:{categories:["Online advertising","Sales Training","Print advertising","Catalogs","Meetings"],labels:{style:{fontSize:"14px",fontWeight:500}}},fill:{opacity:1},legend:{position:"top",horizontalAlign:"left"},yaxis:{labels:{style:{fontSize:"14px",fontWeight:500}}},grid:{show:!0,borderColor:"rgba(var(--dark),.2)",strokeDashArray:2},tooltip:{x:{show:!1},style:{fontSize:"16px"}}}}}const M=()=>{const{colorOption:r,primaryColor:t,secondaryColor:a}=u(),s=i.useMemo(()=>j(),[t]),o=i.useMemo(()=>S(t,a),[t,a]),f=i.useMemo(()=>C(t,a),[t,a]),b=i.useMemo(()=>N(),[t]);return e.jsxs("div",{className:"container-fluid",children:[e.jsx(y,{mainTitle:"Bar",title:"Chart",path:["Apexcharts","Bar"],Icon:g}),e.jsxs("div",{className:"grid grid-cols-12 gap-x-6",children:[e.jsx("div",{className:"col-span-12 md:col-span-6",children:e.jsxs(l,{className:"card dark:bg-[var(--bs-body-bg)]",children:[e.jsx(d,{className:"flex justify-between items-center border-b border-default-200 card-header p-0",children:e.jsx("h5",{className:"text-h5 font-semibold dark:text-white/75",children:"Basic Bar Chart"})}),e.jsx(c,{children:e.jsx(n,{type:"bar",height:350,series:s.series,options:s.options})})]})}),e.jsx("div",{className:"col-span-12 md:col-span-6",children:e.jsxs(l,{className:"card dark:bg-[var(--bs-body-bg)]",children:[e.jsx(d,{className:"flex justify-between items-center border-b border-default-200 card-header p-0",children:e.jsx("h5",{className:"text-h5 font-semibold dark:text-white/75",children:"Patterned Bar Chart"})}),e.jsx(c,{children:e.jsx(n,{type:"bar",height:350,series:o.series,options:o.options})})]})}),e.jsx("div",{className:"col-span-12 md:col-span-6",children:e.jsxs(l,{className:"card dark:bg-[var(--bs-body-bg)]",children:[e.jsx(d,{className:"flex justify-between items-center border-b border-default-200 card-header p-0",children:e.jsx("h5",{className:"text-h5 font-semibold dark:text-white/75",children:"Stacked Bar Chart"})}),e.jsx(c,{children:e.jsx(n,{type:"bar",height:350,series:f.series,options:f.o

1ptions})})]})}),e.jsx("div",{className:"col-span-12 md:col-span-6",children:e.jsxs(l,{className:"card dark:bg-[var(--bs-body-bg)]",children:[e.jsx(d,{className:"flex justify-between items-center border-b border-default-200 card-header p-0",children:e.jsx("h5",{className:"text-h5 font-semibold dark:text-white/75",children:"Grouped Stacked Bars"})}),e.jsx(c,{children:e.jsx(n,{type:"bar",height:350,series:b.series,options:b.options})})]})})]})]})};export{M as default};