%PDF-
%PDF-
Mini Shell
Mini Shell
/*=========================================================================================
File Name: polar.js
Description: Chartjs polar chart
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Polar chart
// ------------------------------
$(window).on("load", function(){
//Get the context of the Chart canvas element we want to select
var ctx = $("#polar-chart");
// Chart Options
var chartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration:500,
legend: {
position: 'top',
},
title: {
display: false,
text: 'Chart.js Polar Area Chart'
},
scale: {
ticks: {
beginAtZero: true
},
reverse: false
},
animation: {
animateRotate: false
}
};
// Chart Data
var chartData = {
labels: ["January", "February", "March", "April", "May"],
datasets: [{
data: [65, 59, 80, 81, 56],
backgroundColor: [
'#00A5A8', '#626E82', '#FF7D4D','#FF4558', '#28D094'
],
label: 'My dataset' // for legend
}],
};
var config = {
type: 'polarArea',
// Chart Options
options : chartOptions,
data : chartData
};
// Create the chart
var polarChart = new Chart(ctx, config);
});
Zerion Mini Shell 1.0