Insert Pi chart In JSP Page

Use Google Pi Chart API

Step 1

Add lib
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

Step 2

google.load('visualization', '1.0', {'packages':['corechart']});

google.setOnLoadCallback(drawChart);

Step 3

Write Script Function

function pichart(admin_pending,late,regular,admin_verify)

/* function pichart() */

{

// Create the data table.

var data = new google.visualization.DataTable();

data.addColumn('string', 'Topping');

data.addColumn('number', 'Slices');

data.addRows([

['Admin Pending', admin_pending],

['Late', late],

['Regular', regular],

['Admin Verify', admin_verify]

]);

 

// Create the data table.

// Set chart options

var options = {'title':'Analysis Report',

'width':500,

'height':200,

};

// Instantiate and draw our chart, passing in some options.

var chart = new google.visualization.PieChart(document.getElementById('pichart_div'))

chart.draw(data, options);

     }

 

output