Get started with apexcharts CDN
MIT licensed
ApexCharts: Open-source library for interactive, customizable charts in React, Angular, and JS.
Tags:- charts
- graphs
- visualizations
- data
Stable version
Copied!
How to start using apexcharts CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with apexcharts CDN - cdnhub.io</title>
<script src="https://cdn.jsdelivr.net/npm/apexcharts/apexcharts.min.js"></script>
<style>
#chart {
width: 500px;
height: 300px;
}
</style>
</head>
<body>
<div id="chart"></div>
<script>
const chart = new ApexCharts(document.querySelector("#chart"), {
series: [{
data: [75, 111, 175, 122, 150, 220, 210, 180]
}],
options: {
chart: {
type: 'line',
height: 350
},
title: {
text: 'Line Chart Example'
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
markers: {
size: 4,
colors: ['#F44336'],
strokeWidth: 0
},
xaxis: {
categories: ['F Jan', 'M Feb', 'A Mar', 'A Apr', 'M May', 'J Jun', 'J Jul', 'A Aug']
},
yaxis: {
title: {
text: 'Value'
}
}
}
});
chart.render();
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
1.0.1
1.0.2
1.0.4
1.0.5
1.1.0
1.1.1
1.1.2
1.2.0
1.2.1
1.2.2
1.2.3
1.2.4
1.3.0
1.3.10
1.3.11
1.3.12
1.3.13
1.3.14
1.3.15
1.3.16
1.3.17
1.3.18
1.3.19
1.3.2
1.3.20
1.3.21
1.3.3
1.3.4
1.3.5
1.3.6
1.3.7
1.3.8
1.3.9
1.4.0
1.4.1
1.4.10
1.4.11
1.4.12
1.4.13
1.4.2
1.4.3
1.4.4
1.4.5
1.4.6
1.4.7
1.4.8
1.4.9
1.5.0
1.5.1
1.5.2
1.5.3
1.5.4
1.5.5
1.5.6
2.0.0
2.0.1
2.0.2
2.0.3
2.0.4
2.0.5
2.0.6
2.0.7
2.0.8
2.0.9
2.1.0
2.1.1
2.1.2
2.1.3
2.1.4
2.1.5
2.1.6
2.1.7
2.1.8
2.1.9
2.2.0
2.2.1
2.2.2
2.2.3
2.2.4
2.3.0-0
2.3.1-0
2.3.1-1
2.4.0
2.4.1
2.4.2
2.5.0
2.5.1
2.6.0
2.7.0-0
3.0.0
3.1.0
3.10.0
3.10.1
3.11.0
3.11.1
3.11.2
3.11.3
3.12.0
3.13.0
3.13.1
3.13.2
3.14.0
3.15.0
3.15.1
3.15.2
3.15.3
3.15.4
3.15.5
3.15.6
3.16.0
3.16.1
3.17.0
3.17.1
3.18.0
3.18.1
3.19.0
3.19.2
3.19.3
3.2.0
3.2.1
3.2.2
3.20.0
3.20.1
3.20.2
3.21.0
3.22.0
3.22.1
3.22.2
3.22.3
3.23.0
3.23.1
3.24.0
3.25.0
3.26.0
3.26.1
3.26.2
3.26.3
3.27.0
3.27.1
3.27.2
3.27.3
3.28.1
3.28.2
3.28.3
3.29.0
3.3.0
3.3.1
3.30.0
3.31.0
3.32.0
3.32.1
3.33.0
3.33.1
3.33.2
3.34.0
3.35.0
3.35.1
3.35.2
3.35.3
3.35.4
3.35.5
3.36.0
3.36.1
3.36.2
3.36.3
3.37.0
3.37.1
3.37.2
3.37.3
3.38.0
3.39.0
3.4.0
3.4.1
3.40.0
3.41.0
3.41.1
3.42.0
3.43.0
3.43.2-0
3.44.0
3.44.1
3.44.2
3.45.0
3.45.1
3.45.2
3.46.0
3.47.0
3.48.0
3.49.0
3.49.1
3.49.2
3.5.0
3.5.1
3.50.0
*** 3.51.0
3.6.0
3.6.1
3.6.10
3.6.11
3.6.12
3.6.2
3.6.3
3.6.4
3.6.5
3.6.6
3.6.7
3.6.8
3.6.9
3.7.0
3.7.1
3.8.0
3.8.1
3.8.2
3.8.3
3.8.4
3.8.5
3.8.6
3.9.0