Apex Charts

ApexCharts is loaded with powerful features to fulfill your data-visualization needs. In addition to providing a pleasing appearances to your charts, ApexCharts gives high performance too. ApexCharts scales gracefully in desktops, tablets as well as mobiles. You can set responsive queries and can have different layouts for different screen sizes.

1. Required Vendor files
<link rel="stylesheet" href="apexcharts.css">
<script src="apexcharts.min.js"></script>
2. Binding to existing DOM element
<div id="chart-apex"></div>
3. Basic usage may look something like this
// Chart options
var option = {
    ....................
};
// Initialization
var myChart = new ApexCharts(
    document.querySelector("#chart-apex"),
    options
);
myChart.render();

Refer following links for detailed documentation, methods and examples: