ChartJS

Developer features allow extending and enhancing Chart.js in many different ways.

1. Required Vendor files
<script src="chart.min.js"></script>
2. Binding to existing DOM element
<div id="chart-chartjs"></div>
3. Basic usage may look something like this
// Initialization
var ctx = $("#chart-chartjs");

// Chart options
var chartOptions = {
    ...
};
// Chart Data
var chartData = {
    ...
};
// Configuration
var config = {
    type: 'line',
    // Chart Options
    options : chartOptions,
    data : chartData
};
// Create the chart
var lineChart = new Chart(ctx, config);

Refer more chart configuration options from here

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Plugin Link https://www.chartjs.org/
Github Page https://github.com/chartjs/Chart.js
Template Page path-to-apex-page/charts-chartjs.html