%PDF- %PDF-
| Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/charts/flot/pie/ |
| Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/flot/pie/tilted-pie.js |
/*=========================================================================================
File Name: tilted-pie.js
Description: Flot tilted pie chart
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Tilted pie chart
// ------------------------------
$(window).on("load", function(){
function labelFormatter(label, series) {
return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
}
var options = {
series: {
pie: {
show: true,
radius: 1,
tilt: 0.5,
label: {
show: true,
radius: 1,
formatter: labelFormatter,
background: {
opacity: 0.8
}
},
combine: {
color: "#999",
threshold: 0.1
}
}
},
legend: {
show: false
},
colors: ['#FFC400', '#FF7D4D', '#FF4558','#626E82', '#28D094', '#00A5A8']
};
var data = [
{ label: "Series1", data: 50},
{ label: "Series2", data: 70},
{ label: "Series3", data: 60},
{ label: "Series4", data: 90},
{ label: "Series5", data: 80},
{ label: "Series6", data: 110}
];
$.plot("#tilted-pie-chart", data, options);
});