Apex Charts Reference

ID Title Type Link
1 Basic Line Chart
2 Bar Chart Categories
3 Bar Chart Grouped
4 Bar Chart Image Fill
5 Bar Chart Negative Values
6 Bar Chart Patterns
7 Bar Chart Reversed
8 Bar Chart Stacked 100
9 Bar Chart Stacked
10 Heat Map Single Series
11 Heat Map Multiple Series
12 Heat Map Range w/o Shades
13 Heat Map Color Range
14 Line and Column Chart
15 Line Column and Area Chart
16 Multiple Y-Axis Chart
17 Line and Area Chart
18 Timeline Multi-Series
19 Timeline Chart Colors
20 Timeline Chart Basic
21 Timeline Advanced
22 Radar Chart Polygon Fill
23 Radar Chart Multiple Series
24 Basic Radar Chart
25 Scatter X/Y Chart
26 Scatter Image Fill
27 Scatter Chart Datetime
28 Candlestick Line Combo
29 Candlestick Chart Basic
30 Candlestick Category X-Axis
31 Candlestick Brush Chart Synced
32 Bubble Chart Simple
33 Bubble Chart 3D
34 Zoomable Timeseries
35 Syncing Charts
36 Stepline Chart
37 Missing Null Values
38 Line w/ Annotations
39 Line Chart with Datalabels
40 Gradient Line Chart
41 Dynamic Realtime Line Chart
42 Dashed Line Chart
43 Brush Chart
44 Basic Line Chart
45 Area Chart Stacked
46 Area Chart Spline
47 Area Chart Null Values
48 Area Chart Negative Values
49 Area Chart Irregular Time Series
50 Area Chart Github Style
51 Area Chart Datetime X-Axis
52 Area Chart Basic
53 Column Chart Basic
54 Column Chart Distributed
55 Column Chart Dynamic
56 Column Chart Negative Values
57 Column Chart Range
58 Column Chart Rotated Labels
59 Column Chart Stacked 100
60 Column Chart Stacked
61 Column Chart w/ Datalabels
62 Brush Chart Sleek
63 Real Time Dashboards https://codepen.io/apexcharts/pen/pxZKqL

Series Data

Single values

series:[{ data: [23, 34, 12, 54, 32, ... , 43]}]

Paired Values:

Numeric Paired Values in two-dimensional array

series: [{ data: [[1, 34], [3, 54], [5, 23] , ... , [15, 43]]}], xaxis: { type: 'numeric'}

Numeric paired values in XY properties

series: [{ data: [{ x: 20, y: 54 }, { x: 30, y: 66 }],}],xaxis: { type: 'numeric'}

Category paired values

series: [{ data: [{ x: 'Apple', y: 54 }, { x: 'Orange', y: 66 }],}],xaxis: { type: 'category'}

Timeline Series

Timestamps

series: [{ data: [[1324508400000, 34], [1324594800000, 54] , ... , [1326236400000, 43]]}]

Date strings

series: [{ data: [{ x: '05/06/2014', y: 54 }, { x: '05/08/2014', y: 17 } , ... , { x: '05/28/2014', y: 26 }]}]

Pie/Donuts/RadialBars

series: [23, 11, 54, 72, 12],labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"]

Reference: Apex Charts: Series Data

City Skyline
City Skyline
Sabali Co Logo
Sabali Mail Logo
Sabali Analytics Logo
SEO Guide Logo
Keyword Tool Logo
Domain Search Logo
What is my IP Logo
My Device Logo
My Browser Logo
Test Speed Logo
Website On Logo
Code Editor Logo
Generator Password Logo
Barcode Generator Logo
Counter Word Logo
Lorem Ipsum Generator Logo
rStatistics Logo
Free Data Logo
Unit Convert Logo
Byte Convert Logo
Color Converter Logo
Coordinate Converter Logo
Temperature Convert Logo
Text Convert Logo
Currency Convert Logo