Google Chart

https://www.google.com/jsapi

google.load(“visualization”, “1”, {packages:[“corechart”]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
[‘parts’, ‘Complaints’, { role: ‘style’ }],
[‘Total ‘,  50, ‘#3366CC’],
[‘Assigned’,  20 , ‘silver’],
[‘Completed’,  20 , ‘green’],
[‘Pending’,  5 , ‘red’],
[‘Cancelled’, 5,  ‘black’],

]);

var options = {
title: ‘Complaints’,
hAxis: {title: ”},
width: 950,
height: 400
};

var chart = new google.visualization.ColumnChart(document.getElementById(‘chart_div’));
chart.draw(data, options);
}

Advertisements