Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/google/pie/pie-diff-border.js
/*=========================================================================================
File Name: pie-diff-border.js
Description: google pie diff border chart
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Pie diff border chart
// ------------------------------
// Load the Visualization API and the corechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawPieDiffBorder);
// Callback that creates and populates a data table, instantiates the pie chart, passes in the data and draws it.
function drawPieDiffBorder() {
// Create the data table.
// Old data
var oldData = google.visualization.arrayToDataTable([
['Major', 'Degrees'],
['Business', 256070], ['Education', 108034],
['Social Sciences & History', 127101], ['Health', 81863],
['Psychology', 74194]
]);
// New data
var newData = google.visualization.arrayToDataTable([
['Major', 'Degrees'],
['Business', 358293], ['Education', 101265],
['Social Sciences & History', 172780], ['Health', 129634],
['Psychology', 97216]
]);
// Set chart options
var options_diff_border = {
title: 'My Daily Activities',
height: 400,
fontSize: 12,
colors:['#99B898','#FECEA8', '#FF847C', '#E84A5F', '#474747'],
chartArea: {
left: '5%',
width: '90%',
height: 350
},
diff: {
innerCircle: {
borderFactor: 0.08
}
}
};
// Instantiate and draw our chart, passing in some options.
var pieDiffBorder = new google.visualization.PieChart(document.getElementById('pie-diff-border'));
// Set data
var diffData = pieDiffBorder.computeDiff(oldData, newData);
pieDiffBorder.draw(diffData, options_diff_border);
}
// Resize chart
// ------------------------------
$(function () {
// Resize chart on menu width change and window resize
$(window).on('resize', resize);
$(".menu-toggle").on('click', resize);
// Resize function
function resize() {
drawPieDiffBorder();
}
});
Mini Shell