commit ccebd9647770ad51408a8b153aec71c5e55167ec
author Daniel Gruno <humbedooh@apache.org> Thu Mar 14 10:47:05 2024 +0100
committer Daniel Gruno <humbedooh@apache.org> Thu Mar 14 10:47:05 2024 +0100
tree 1e8dcc32be2e91c1423800be5e2aedb41de162c6
parent eeaa491e37638958011b429eebef00072c555a33

Adding some additional formatting features for pie charts

static/plugins/charts_pie.js

diff --git a/static/plugins/charts_pie.js b/static/plugins/charts_pie.js
index 8da5cba..18db084 100644
--- a/static/plugins/charts_pie.js
+++ b/static/plugins/charts_pie.js
@@ -1,4 +1,4 @@
-function chart_pie(title, description, values, styles, donut=false) {
+function chart_pie(title, description, values, styles, donut=false, fmtoptions = null, legend = null) {
     const chartdiv = document.createElement('div');
     chartdiv.style.width = "500px";
     chartdiv.style.height = "300px";
@@ -17,12 +17,13 @@
         },
         tooltip: {
             trigger: 'item',
-            formatter: '{b} : {c} ({d}%)'
+            formatter: (fmtoptions && fmtoptions.value) ? (val) => fmtoptions.value(val) : '{b} : {c} ({d}%)',
         },
         legend: {
             orient: 'vertical',
             left: 0,
-            top: 'center'
+            top: 'center',
+            data: legend ? legend : null,
         },
         series: [
             {
@@ -43,8 +44,11 @@
                     fontSize: 14
                 },
                 label: {
-                    formatter: '{c}',
-                    position: 'inside'
+                    valueFormatter: (fmtoptions && fmtoptions.value) ? (val) => fmtoptions.value(val) : null,
+                    formatter: (fmtoptions && fmtoptions.legend) ? (val) => fmtoptions.legend(val) : '{c}',
+                    position: (fmtoptions && fmtoptions.legend) ? null :'inside',
+                    show: true,
+                    labelLine: {show: true}
                 },
                 data: values
             }