Added ability to format value via "extras.formatted"

Author: asantibanez

resources/js/columnChart.js

@@ -91,6 +91,14 @@ const columnChart = () => {
                 fill: {
                     opacity: component.get('columnChartModel.opacity') || 0.5
                 },
+
+                tooltip: {
+                    y: {
+                        formatter: function(value, series) {
+                            return data[series.dataPointIndex].extras.formatted || value;
+                        }
+                    }
+                },
             };
 
             const colors = component.get('columnChartModel.colors');

resources/js/lineChart.js

@@ -96,6 +96,14 @@ const lineChart = () => {
                         }
                     )
                 },
+
+                tooltip: {
+                    y: {
+                        formatter: function(value, series) {
+                            return data[series.dataPointIndex].extras.formatted || value;
+                        }
+                    }
+                },
             };
 
             this.chart = new ApexCharts(this.$refs.container, options);

resources/js/pieChart.js

@@ -73,6 +73,14 @@ const pieChart = () => {
                 ],
 
                 legend: component.get('pieChartModel.legend') || {},
+
+                tooltip: {
+                    y: {
+                        formatter: function(value, series) {
+                            return data[series.dataPointIndex].extras.formatted || value;
+                        }
+                    }
+                },
             };
 
             const colors = component.get('pieChartModel.colors');