%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/label-formatter.js |
/*========================================================================================= File Name: label-formatter.js Description: Flot label formatter chart ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ // Label formatter 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, label: { show: true, radius: 1, formatter: labelFormatter, background: { opacity: 0.8 } } } }, 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("#label-formatter", data, options); });