{"version":3,"sources":["Demo/Charts/ChartJs/BarBasicChart.js","Demo/Charts/ChartJs/BarStackedChart.js","Demo/Charts/ChartJs/BarHorizontalChart.js","Demo/Charts/ChartJs/LineInterpolationChart.js","Demo/Charts/ChartJs/LineOriginChart.js","Demo/Charts/ChartJs/LineFillEndChart.js","Demo/Charts/ChartJs/LineBasicChart.js","Demo/Charts/ChartJs/RadarAreaChart1.js","Demo/Charts/ChartJs/RadarAreaChart2.js","Demo/Charts/ChartJs/RadarAreaChart3.js","Demo/Charts/ChartJs/PieChart.js","Demo/Charts/ChartJs/DoughnutChart.js","Demo/Charts/ChartJs/index.js"],"names":["BarBasicChart","react_default","a","createElement","es","data","canvas","bar","getContext","theme_g1","createLinearGradient","addColorStop","theme_g2","labels","datasets","label","borderColor","backgroundColor","hoverBorderColor","hoverBackgroundColor","options","barValueSpacing","React","Component","BarStackedChart","hoverborderColor","scales","xAxes","stacked","yAxes","BarHorizontalChart","LineInterpolationChart","fill","borderWidth","borderDash","cubicInterpolationMode","responsive","height","maintainAspectRatio","LineOriginChart","LineFillEndChart","LineBasicChart","RadarAreaChart1","RadarAreaChart2","RadarAreaChart3","PieChart","DoughnutChart","ChartJs","_Aux","Row","Col","xl","md","Card","Header","Title","as","Body","ChartJs_BarBasicChart","ChartJs_BarStackedChart","ChartJs_BarHorizontalChart","sm","ChartJs_LineInterpolationChart","ChartJs_LineOriginChart","ChartJs_LineFillEndChart","ChartJs_LineBasicChart","ChartJs_RadarAreaChart1","ChartJs_RadarAreaChart2","ChartJs_RadarAreaChart3","ChartJs_PieChart","ChartJs_DoughnutChart"],"mappings":"wMA8CeA,mLAXP,OACIC,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA/BK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,GAClBC,SAAU,CAAC,CACPC,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaP,EACbQ,gBAAiBR,EACjBS,iBAAkBT,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaJ,EACbK,gBAAiBL,EACjBM,iBAAkBN,EAClBO,qBAAsBP,MAQ1BQ,QAAS,CACLC,gBAAiB,aApCTC,IAAMC,WCmDnBC,mLAnBP,OACIvB,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA/BK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,GAClBC,SAAU,CAAC,CACPC,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,MAQ1BQ,QAAS,CACLC,gBAAiB,GACjBK,OAAQ,CACJC,MAAO,CAAC,CACJC,SAAS,IAEbC,MAAO,CAAC,CACJD,SAAS,eA1CPN,IAAMC,WC2CrBO,mLAXP,OACI7B,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA/BK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,IAAK,EAAG,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,GAClBC,SAAU,CAAC,CACPC,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaP,EACbQ,gBAAiBR,EACjBS,iBAAkBT,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,SACPV,KAAM,CAAC,GAAI,GAAI,GAAI,IACnBW,YAAaJ,EACbK,gBAAiBL,EACjBM,iBAAkBN,EAClBO,qBAAsBP,MAQ1BQ,QAAS,CACLC,gBAAiB,aApCJC,IAAMC,WC6DxBQ,mLAdP,OACI9B,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA9CK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbC,WAAY,CAAC,GAAI,IACjBlB,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,GACvB,CACCG,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNG,uBAAwB,WACxBF,YAAa,EACbjB,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAa,UACbC,gBAAiB,UACjBQ,iBAAkB,UAClBN,qBAAsB,cAQ1BiB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YAtDJhB,IAAMC,WCsC5BgB,mLAdP,OACItC,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KAvBK,SAACC,GACV,IACIG,EADMH,EAAOE,WAAW,MACTE,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B4B,YAAa,EACbjB,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,EACtBuB,KAAM,aAQVI,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YA/BXhB,IAAMC,WCsCrBiB,mLAdP,OACIvC,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KAvBK,SAACC,GACV,IACIM,EADMN,EAAOE,WAAW,MACTE,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B4B,YAAa,EACbjB,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,EACtBoB,KAAM,UAQVI,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YA/BVhB,IAAMC,WC4DtBkB,mLAdP,OACIxC,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA7CK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNG,uBAAwB,WACxBF,YAAa,EACbjB,YAAa,UACbC,gBAAiB,UACjBQ,iBAAkB,UAClBN,qBAAsB,WACvB,CACCJ,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,MAQ1BwB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YArDZhB,IAAMC,WC4DpBmB,mLAdP,OACIzC,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA7CK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNG,uBAAwB,WACxBF,YAAa,EACbjB,YAAa,UACbC,gBAAiB,UACjBQ,iBAAkB,UAClBN,qBAAsB,WACvB,CACCJ,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,MAQ1BwB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YArDXhB,IAAMC,WC4DrBoB,mLAdP,OACI1C,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA7CK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaP,EACbQ,gBAAiBR,EACjBgB,iBAAkBhB,EAClBU,qBAAsBV,GACvB,CACCM,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNG,uBAAwB,WACxBF,YAAa,EACbjB,YAAa,UACbC,gBAAiB,UACjBQ,iBAAkB,UAClBN,qBAAsB,WACvB,CACCJ,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaJ,EACbK,gBAAiBL,EACjBa,iBAAkBb,EAClBO,qBAAsBP,MAQ1BwB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YArDXhB,IAAMC,WC4DrBqB,mLAdP,OACI3C,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KA7CK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GACnDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,EAAG,EAAG,IAAK,GAInD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAC3BC,SAAU,CAAC,CACPC,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaP,EACbQ,gBAAiB,cACjBQ,iBAAkBhB,EAClBU,qBAAsB,eACvB,CACCJ,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNG,uBAAwB,WACxBF,YAAa,EACbjB,YAAa,UACbC,gBAAiB,cACjBQ,iBAAkB,UAClBN,qBAAsB,eACvB,CACCJ,MAAO,KACPV,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC/B2B,MAAM,EACNC,YAAa,EACbjB,YAAaJ,EACbK,gBAAiB,cACjBQ,iBAAkBb,EAClBO,qBAAsB,kBAQ1BiB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLC,gBAAiB,GACjBiB,qBAAqB,YArDXhB,IAAMC,WC+CrBsB,mLAbP,OACI5C,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KAjCK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,IAAK,EAAG,IAAK,GACrDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,IAAK,EAAG,IAAK,GAIrD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CACJ,SACA,SACA,UAEJC,SAAU,CAAC,CACPT,KAAM,CAAC,GAAI,GAAI,IACfY,gBAAiB,CACbR,EACAG,EACA,WAEJO,qBAAsB,CAClBV,EACAG,EACA,eASRwB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLkB,qBAAqB,YAxClBhB,IAAMC,WC+CduB,mLAbP,OACI7C,EAAAC,EAAAC,cAACC,EAAA,EAAD,CACIC,KAjCK,SAACC,GACV,IAAIC,EAAMD,EAAOE,WAAW,MACxBC,EAAWF,EAAIG,qBAAqB,IAAK,EAAG,IAAK,GACrDD,EAASE,aAAa,EAAG,WACzBF,EAASE,aAAa,EAAG,WACzB,IAAIC,EAAWL,EAAIG,qBAAqB,IAAK,EAAG,IAAK,GAIrD,OAHAE,EAASD,aAAa,EAAG,WACzBC,EAASD,aAAa,EAAG,WAElB,CACHE,OAAQ,CACJ,SACA,SACA,UAEJC,SAAU,CAAC,CACPT,KAAM,CAAC,GAAI,GAAI,IACfY,gBAAiB,CACbR,EACAG,EACA,WAEJO,qBAAsB,CAClBV,EACAG,EACA,eASRwB,YAAY,EACZC,OAAQ,IACRjB,QAAS,CACLkB,qBAAqB,YAxCbhB,IAAMC,WCc5BwB,mLAEE,OACI9C,EAAAC,EAAAC,cAAC6C,EAAA,EAAD,KACI/C,EAAAC,EAAAC,cAAC8C,EAAA,EAAD,KACIhD,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKC,GAAI,EAAGC,GAAI,GACZnD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,cAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACuD,EAAD,SAIZzD,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKC,GAAI,EAAGC,GAAI,GACZnD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,wBAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACwD,EAAD,SAIZ1D,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKC,GAAI,GACLlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,2BAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACyD,EAAD,SAIZ3D,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKW,GAAI,IACL5D,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,+BAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAAC2D,EAAD,SAIZ7D,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,GACLnD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,kCAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAAC4D,EAAD,SAIZ9D,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,GACLnD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,+BAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAAC6D,EAAD,SAIZ/D,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKW,GAAI,IACL5D,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,eAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAAC8D,EAAD,SAIZhE,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,EAAGD,GAAI,GACZlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,yBAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAAC+D,EAAD,SAIZjE,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,EAAGD,GAAI,GACZlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,yBAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACgE,EAAD,SAIZlE,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,EAAGD,GAAI,GACZlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,yBAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACiE,EAAD,SAIZnE,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,EAAGD,GAAI,GACZlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,cAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACkE,EAAD,SAIZpE,EAAAC,EAAAC,cAAC+C,EAAA,EAAD,CAAKE,GAAI,EAAGD,GAAI,GACZlD,EAAAC,EAAAC,cAACkD,EAAA,EAAD,KACIpD,EAAAC,EAAAC,cAACkD,EAAA,EAAKC,OAAN,KACIrD,EAAAC,EAAAC,cAACkD,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,mBAEJvD,EAAAC,EAAAC,cAACkD,EAAA,EAAKI,KAAN,KACIxD,EAAAC,EAAAC,cAACmE,EAAD,kBAzHVhD,IAAMC,WAmIbwB","file":"static/js/124.e5f85188.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass BarBasicChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g2.addColorStop(0, '#0e9e4a');\r\n            theme_g2.addColorStop(1, '#0e9e4a');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3],\r\n                datasets: [{\r\n                    label: \"Data 1\",\r\n                    data: [25, 45, 74, 85],\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverBorderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"Data 2\",\r\n                    data: [30, 52, 65, 65],\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverBorderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Bar\r\n                data={data}\r\n                options={{\r\n                    barValueSpacing: 20\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default BarBasicChart;","import React from 'react';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass BarStackedChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g2.addColorStop(0, '#ffa21d');\r\n            theme_g2.addColorStop(1, '#ffa21d');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3],\r\n                datasets: [{\r\n                    label: \"Data 1\",\r\n                    data: [25, 45, 74, 85],\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"Data 2\",\r\n                    data: [30, 52, 65, 65],\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Bar\r\n                data={data}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    scales: {\r\n                        xAxes: [{\r\n                            stacked: true,\r\n                        }],\r\n                        yAxes: [{\r\n                            stacked: true\r\n                        }]\r\n                    }\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default BarStackedChart;","import React from 'react';\r\nimport {HorizontalBar} from 'react-chartjs-2';\r\n\r\nclass BarHorizontalChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 300, 0, 0);\r\n            theme_g2.addColorStop(0, '#0e9e4a');\r\n            theme_g2.addColorStop(1, '#0e9e4a');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3],\r\n                datasets: [{\r\n                    label: \"Data 1\",\r\n                    data: [25, 45, 74, 85],\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverBorderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"Data 2\",\r\n                    data: [30, 52, 65, 65],\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverBorderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <HorizontalBar\r\n                data={data}\r\n                options={{\r\n                    barValueSpacing: 20\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default BarHorizontalChart;","import React from 'react';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass LineInterpolationChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g2.addColorStop(0, '#11c15b');\r\n            theme_g2.addColorStop(1, '#11c15b');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [55, 70, 62, 81, 56, 70, 90],\r\n                    fill: false,\r\n                    borderWidth: 4,\r\n                    borderDash: [15, 10],\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }, {\r\n                    label: \"D2\",\r\n                    data: [85, 55, 70, 50, 75, 45, 60],\r\n                    fill: true,\r\n                    cubicInterpolationMode: 'monotone',\r\n                    borderWidth: 4,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"D3\",\r\n                    data: [50, 75, 80, 70, 85, 80, 70],\r\n                    fill: false,\r\n                    borderWidth: 4,\r\n                    borderColor: \"#0e9e4a\",\r\n                    backgroundColor: \"#0e9e4a\",\r\n                    hoverborderColor: \"#0e9e4a\",\r\n                    hoverBackgroundColor: \"#0e9e4a\",\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Line\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false,\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default LineInterpolationChart;","import React from 'react';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass LineOriginChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [85, 55, 70, 50, 75, 45, 60],\r\n                    borderWidth: 1,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                    fill: 'origin',\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Line\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false,\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default LineOriginChart;","import React from 'react';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass LineFillEndChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g2.addColorStop(0, '#0e9e4a');\r\n            theme_g2.addColorStop(1, '#0e9e4a');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [85, 55, 70, 50, 75, 45, 60],\r\n                    borderWidth: 1,\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                    fill: 'end',\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Line\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false,\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default LineFillEndChart;","import React from 'react';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass LineBasicChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 500, 0);\r\n            theme_g2.addColorStop(0, '#11c15b');\r\n            theme_g2.addColorStop(1, '#11c15b');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [45, 60, 45, 80, 60, 80, 45],\r\n                    fill: true,\r\n                    borderWidth: 4,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"D2\",\r\n                    data: [45, 80, 45, 45, 60, 45, 80],\r\n                    fill: true,\r\n                    cubicInterpolationMode: 'monotone',\r\n                    borderWidth: 0,\r\n                    borderColor: \"#0e9e4a\",\r\n                    backgroundColor: \"#0e9e4a\",\r\n                    hoverborderColor: \"#0e9e4a\",\r\n                    hoverBackgroundColor: \"#0e9e4a\",\r\n                }, {\r\n                    label: \"D3\",\r\n                    data: [83, 45, 60, 45, 45, 55, 45],\r\n                    fill: true,\r\n                    borderWidth: 4,\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Line\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false,\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default LineBasicChart;","import React from 'react';\r\nimport {Radar} from 'react-chartjs-2';\r\n\r\nclass RadarAreaChart1 extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g2.addColorStop(0, '#11c15b');\r\n            theme_g2.addColorStop(1, '#11c15b');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [60, 60, 45, 80, 60, 80, 45],\r\n                    fill: true,\r\n                    borderWidth: 4,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"D2\",\r\n                    data: [40, 80, 40, 65, 60, 50, 95],\r\n                    fill: true,\r\n                    cubicInterpolationMode: 'monotone',\r\n                    borderWidth: 0,\r\n                    borderColor: \"#0e9e4a\",\r\n                    backgroundColor: \"#0e9e4a\",\r\n                    hoverborderColor: \"#0e9e4a\",\r\n                    hoverBackgroundColor: \"#0e9e4a\",\r\n                }, {\r\n                    label: \"D3\",\r\n                    data: [20, 40, 80, 60, 85, 60, 20],\r\n                    fill: true,\r\n                    borderWidth: 4,\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Radar\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default RadarAreaChart1;","import React from 'react';\r\nimport {Radar} from 'react-chartjs-2';\r\n\r\nclass RadarAreaChart2 extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g1.addColorStop(0, '#11c15b');\r\n            theme_g1.addColorStop(1, '#11c15b');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g2.addColorStop(0, '#ffa21d');\r\n            theme_g2.addColorStop(1, '#ffa21d');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [60, 60, 45, 80, 60, 80, 45],\r\n                    fill: true,\r\n                    borderWidth: 2,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: theme_g1,\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: theme_g1,\r\n                }, {\r\n                    label: \"D2\",\r\n                    data: [40, 80, 40, 65, 60, 50, 95],\r\n                    fill: true,\r\n                    cubicInterpolationMode: 'monotone',\r\n                    borderWidth: 0,\r\n                    borderColor: \"#ff5252\",\r\n                    backgroundColor: \"#ff5252\",\r\n                    hoverborderColor: \"#ff5252\",\r\n                    hoverBackgroundColor: \"#ff5252\",\r\n                }, {\r\n                    label: \"D3\",\r\n                    data: [20, 40, 80, 60, 85, 60, 20],\r\n                    fill: true,\r\n                    borderWidth: 2,\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: theme_g2,\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: theme_g2,\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Radar\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default RadarAreaChart2;","import React from 'react';\r\nimport {Radar} from 'react-chartjs-2';\r\n\r\nclass RadarAreaChart3 extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g1.addColorStop(0, '#4680ff');\r\n            theme_g1.addColorStop(1, '#4680ff');\r\n            let theme_g2 = bar.createLinearGradient(0, 0, 350, 0);\r\n            theme_g2.addColorStop(0, '#11c15b');\r\n            theme_g2.addColorStop(1, '#11c15b');\r\n\r\n            return {\r\n                labels: [0, 1, 2, 3, 4, 5, 6],\r\n                datasets: [{\r\n                    label: \"D1\",\r\n                    data: [60, 60, 45, 80, 60, 80, 45],\r\n                    fill: true,\r\n                    borderWidth: 2,\r\n                    borderColor: theme_g1,\r\n                    backgroundColor: \"transparent\",\r\n                    hoverborderColor: theme_g1,\r\n                    hoverBackgroundColor: \"transparent\",\r\n                }, {\r\n                    label: \"D2\",\r\n                    data: [40, 80, 40, 65, 60, 50, 95],\r\n                    fill: true,\r\n                    cubicInterpolationMode: 'monotone',\r\n                    borderWidth: 2,\r\n                    borderColor: \"#0e9e4a\",\r\n                    backgroundColor: \"transparent\",\r\n                    hoverborderColor: \"#0e9e4a\",\r\n                    hoverBackgroundColor: \"transparent\",\r\n                }, {\r\n                    label: \"D3\",\r\n                    data: [20, 40, 80, 60, 85, 60, 20],\r\n                    fill: true,\r\n                    borderWidth: 2,\r\n                    borderColor: theme_g2,\r\n                    backgroundColor: \"transparent\",\r\n                    hoverborderColor: theme_g2,\r\n                    hoverBackgroundColor: \"transparent\",\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Radar\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    barValueSpacing: 20,\r\n                    maintainAspectRatio: false\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default RadarAreaChart3;","import React from 'react';\r\nimport {Pie} from 'react-chartjs-2';\r\n\r\nclass PieChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(100, 0, 300, 0);\r\n            theme_g1.addColorStop(0, '#11c15b');\r\n            theme_g1.addColorStop(1, '#11c15b');\r\n            let theme_g2 = bar.createLinearGradient(100, 0, 300, 0);\r\n            theme_g2.addColorStop(0, '#0e9e4a');\r\n            theme_g2.addColorStop(1, '#0e9e4a');\r\n\r\n            return {\r\n                labels: [\r\n                    \"Data 1\",\r\n                    \"Data 2\",\r\n                    \"Data 3\"\r\n                ],\r\n                datasets: [{\r\n                    data: [30, 30, 40],\r\n                    backgroundColor: [\r\n                        theme_g1,\r\n                        theme_g2,\r\n                        \"#4680ff\"\r\n                    ],\r\n                    hoverBackgroundColor: [\r\n                        theme_g1,\r\n                        theme_g2,\r\n                        \"#4680ff\"\r\n                    ]\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Pie\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    maintainAspectRatio: false\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default PieChart;","import React from 'react';\r\nimport {Doughnut} from 'react-chartjs-2';\r\n\r\nclass DoughnutChart extends React.Component {\r\n\r\n    render() {\r\n        const data = (canvas) => {\r\n            let bar = canvas.getContext('2d');\r\n            let theme_g1 = bar.createLinearGradient(100, 0, 300, 0);\r\n            theme_g1.addColorStop(0, '#11c15b');\r\n            theme_g1.addColorStop(1, '#11c15b');\r\n            let theme_g2 = bar.createLinearGradient(100, 0, 300, 0);\r\n            theme_g2.addColorStop(0, '#ffa21d');\r\n            theme_g2.addColorStop(1, '#ffa21d');\r\n\r\n            return {\r\n                labels: [\r\n                    \"Data 1\",\r\n                    \"Data 2\",\r\n                    \"Data 3\"\r\n                ],\r\n                datasets: [{\r\n                    data: [30, 30, 40],\r\n                    backgroundColor: [\r\n                        theme_g1,\r\n                        theme_g2,\r\n                        \"#ff5252\"\r\n                    ],\r\n                    hoverBackgroundColor: [\r\n                        theme_g1,\r\n                        theme_g2,\r\n                        \"#ff5252\"\r\n                    ]\r\n                }]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <Doughnut\r\n                data={data}\r\n                responsive={true}\r\n                height={300}\r\n                options={{\r\n                    maintainAspectRatio: false\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default DoughnutChart;","import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux/index\";\r\nimport BarBasicChart from \"./BarBasicChart\";\r\nimport BarStackedChart from \"./BarStackedChart\";\r\nimport BarHorizontalChart from \"./BarHorizontalChart\";\r\nimport LineInterpolationChart from \"./LineInterpolationChart\";\r\nimport LineOriginChart from \"./LineOriginChart\";\r\nimport LineFillEndChart from \"./LineFillEndChart\";\r\nimport LineBasicChart from \"./LineBasicChart\";\r\nimport RadarAreaChart1 from \"./RadarAreaChart1\";\r\nimport RadarAreaChart2 from \"./RadarAreaChart2\";\r\nimport RadarAreaChart3 from \"./RadarAreaChart3\";\r\nimport PieChart from \"./PieChart\";\r\nimport DoughnutChart from \"./DoughnutChart\";\r\n\r\nclass ChartJs extends React.Component {\r\n    render() {\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col xl={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Bar Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <BarBasicChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Bar [Stacked] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <BarStackedChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Bar [Horizontal] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <BarHorizontalChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col sm={12}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Line [Interpolation] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <LineInterpolationChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Area [ Fill: 'origin' ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <LineOriginChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Area [ Fill: 'end' ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <LineFillEndChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col sm={12}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Area Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <LineBasicChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Radar [ Area ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <RadarAreaChart1/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Radar [ Area ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <RadarAreaChart2/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Radar [ Area ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <RadarAreaChart3/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Pie Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <PieChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Doughnut Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <DoughnutChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default ChartJs;"],"sourceRoot":""}