Basic Area Chart

Set basic area chart using areachart id.

<div id="areachart" class="apex-custom-tooltip apex-tooltip-style1 mb-[-0.9375rem]"></div>

Column Chart

Add column chart using columnchart id.

<div id="columnchart"></div>

Advanced Area Chart

Use advanced area chart adding advancedareachart id.

 <div id="advancedareachart"></div>

Rounded Column Chart

Set rounded chart using roundedcolumnchart id.

<div id="roundedcolumnchart" class="round-bar"></div>

Spline Area Chart

Set spline area chart using splineAreaChart1 & splineAreaChart2 id.

 <div id="splineAreaChart1"></div>
<div id="splineAreaChart2" class="absolute inset-0"></div>

Group Bar Chart

Use group column chart using groupbarchart id.

<div id="groupbarchart"></div>

Line Chart

Add line chart with the help of linechart id.

<div id="linechart"></div>

Bubble Chart

Set bubble chart using bubblechart id.

<div id="bubblechart"></div>

CandleStick Chart

Use candlstick chart using candlestickchart id.

<div id="candlestickchart"></div>

BoxPlot Chart

Set boxplot chart using boxplotchart id.

<div id="boxplotchart"></div>

Bar Chart

Add bar chart using barchart id.

<div id="barchart" class="custom-data-label 2md:-mt-[0.75rem] ml-[-2.5rem] 2md:ml-0"></div>

Line with Data Label Chart

Set line chart with data label with the help of linedatalabelchart id.

<div id="linedatalabelchart"></div>

Radial Chart

Use radial chart using radialchart id.

<div id="radialchart" class="my-[0.625rem]"></div>

Polar Area Chart

Use radial chart adding polarareachartid.

<div id="polarareachart"></div>

Radar Chart

Set radar chart using radarchart id.

<div id="radarchart" class="mb-[-0.9375rem]"></div>

Range Area Chart

Use range area chart using rangeareachart id.

<div id="rangeareachart" class="mb-[-0.9375rem]"></div>
Customizer
  • Template Mode
    Choose template mode dark & light
  • Layout Type
    Choose layout Ltr & Rtl
  • Monochrome Mode