You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.7 KiB
64 lines
1.7 KiB
/*=========================================================================================
|
|
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-skip-points");
|
|
|
|
// 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: ["Eating", "Drinking", "Sleeping", "Designing", "Coding"],
|
|
datasets: [{
|
|
label: "Skip first dataset",
|
|
backgroundColor: [
|
|
'#00A5A8', '#626E82', '#FF7D4D','#FF4558', '#28D094'
|
|
],
|
|
data: [NaN, 59, 36, 81, 28],
|
|
}]
|
|
};
|
|
|
|
var config = {
|
|
type: 'polarArea',
|
|
|
|
// Chart Options
|
|
options : chartOptions,
|
|
|
|
data : chartData
|
|
};
|
|
|
|
// Create the chart
|
|
var polarChart = new Chart(ctx, config);
|
|
}); |