| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- /*=========================================================================================
- File Name: pie.js
- Description: Chartjs pie chart
- ----------------------------------------------------------------------------------------
- Item Name: Robust - Responsive Admin Theme
- Version: 1.2
- Author: PIXINVENT
- Author URL: http://www.themeforest.net/user/pixinvent
- ==========================================================================================*/
- // Pie chart
- // ------------------------------
- $(window).on("load", function(){
- //Get the context of the Chart canvas element we want to select
- var ctx = $("#simple-pie-chart");
- // Chart Options
- var chartOptions = {
- responsive: true,
- maintainAspectRatio: false,
- responsiveAnimationDuration:500,
- };
- // Chart Data
- var chartData = {
- labels: ["January", "February", "March", "April", "May"],
- datasets: [{
- label: "My First dataset",
- data: [85, 65, 34, 45, 35],
- backgroundColor: ["#99B898","#FECEA8","#FF847C","#E84A5F","#2A363B"],
- }]
- };
- var config = {
- type: 'pie',
- // Chart Options
- options : chartOptions,
- data : chartData
- };
- // Create the chart
- var pieSimpleChart = new Chart(ctx, config);
- });
|
