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.
55 lines
1.8 KiB
55 lines
1.8 KiB
6 years ago
|
/*=========================================================================================
|
||
|
|
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);
|
||
|
|
});
|