%PDF-
%PDF-
Mini Shell
Mini Shell
/*=========================================================================================
File Name: interactive-pie.js
Description: Flot interactive 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
==========================================================================================*/
// Interactive pie chart
// ------------------------------
$(window).on("load", function(){
var options = {
series: {
pie: {
show: true
}
},
grid: {
hoverable: true,
clickable: true
},
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}
];
var placeholder = $("#interactive-pie-chart");
$.plot(placeholder, data, options);
placeholder.bind("plothover", function(event, pos, obj) {
if (!obj) {
return;
}
var percent = parseFloat(obj.series.percent).toFixed(2);
$("#hover").html("<span style='font-weight:bold; color:" + obj.series.color + "'>" + obj.series.label + " (" + percent + "%)</span>");
});
placeholder.bind("plotclick", function(event, pos, obj) {
if (!obj) {
return;
}
percent = parseFloat(obj.series.percent).toFixed(2);
alert("" + obj.series.label + ": " + percent + "%");
});
});
Zerion Mini Shell 1.0