| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- /*=========================================================================================
- File Name: 3d-pie.js
- Description: google 3D pie chart
- ----------------------------------------------------------------------------------------
- Item Name: Robust - Responsive Admin Theme
- Version: 1.2
- Author: PIXINVENT
- Author URL: http://www.themeforest.net/user/pixinvent
- ==========================================================================================*/
- // 3D Pie 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(drawPie3d);
- // Callback that creates and populates a data table, instantiates the pie chart, passes in the data and draws it.
- function drawPie3d() {
- // Create the data table.
- var data = google.visualization.arrayToDataTable([
- ['Task', 'Hours per Day'],
- ['Work', 11],
- ['Eat', 2],
- ['Commute', 2],
- ['Watch TV', 2],
- ['Sleep', 7]
- ]);
- // Set chart options
- var options_pie3d = {
- title: 'My Daily Activities',
- is3D: true,
- height: 400,
- fontSize: 12,
- colors:['#99B898','#FECEA8', '#FF847C', '#E84A5F', '#474747'],
- chartArea: {
- left: '5%',
- width: '90%',
- height: 350
- },
- };
- // Instantiate and draw our chart, passing in some options.
- var pie3d = new google.visualization.PieChart(document.getElementById('pie-3d'));
- pie3d.draw(data, options_pie3d);
- }
- // 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() {
- drawPie3d();
- }
- });
|