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.
Note ! Apex Chart's download options in
toolbar does not support in IE.
1. Required Vendor files
<script src="apexcharts.min.js"></script>
<link rel="stylesheet" type="text/css" href="apexcharts.css">
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 chart = new ApexCharts(
document.querySelector("#chart-apex"),
options
);
chart.render();
Refer more chart configuration options from here
Refer following links for detailed documentation, methods and examples: