Google Charts

Chart JS

Simple HTML5 Charts using the <canvas> tag

1. Initialize the plugin by referencing the necessary files:
Markup
<script src="/path/to/chart.js"></script>
2. The component will bind to any existing DOM element.
Markup
<div class="chartjs">
    <canvas id="myChart" width="400" height="400"></canvas>
</div>
3. Basic usage may look something like this.
JavaScript
var myChart = new Chart({...})

// Using CommonJS
var Chart = require('src/chart.js')
var myChart = new Chart({...})

// ES6
import Chart from 'src/chart.js'
let myChart = new Chart({...})

// Using requirejs
require(['path/to/Chartjs'], function(Chart){
 var myChart = new Chart({...})
})

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

Type URL
Plugin Link https://developers.google.com/chart/
Github Page https://github.com/chartjs/Chart.js
Template Page https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/chartjs-charts.html