Update formatter

Author: graphieros

TestingArena/ArenaVueUiQuadrant.vue

@@ -228,13 +228,13 @@ const config = computed(() => {
                             plotLabels: {
                                 ...c.style.chart.layout.labels.plotLabels,
                                 x: {
-                                    formatter: (val) => {
-                                        return `fX - ${val}`
+                                    formatter: ({value}) => {
+                                        return `fX | ${value}`
                                     }
                                 },
                                 y: {
-                                    formatter: (val) => {
-                                        return `fY - ${val}`
+                                    formatter: ({value}) => {
+                                        return `fY | ${value}`
                                     }
                                 }
                             }

src/components/vue-ui-quadrant.vue

@@ -691,15 +691,17 @@ function useTooltip(category, plot, categoryIndex) {
             dataLabel({
                 v: plot.xValue,
                 r: FINAL_CONFIG.value.style.chart.tooltip.roundingValue
-            })
+            }),
+            { datapoint: plot, category, categoryIndex }
         )}</b></div>`;  
         html += `<div>${FINAL_CONFIG.value.style.chart.layout.grid.yAxis.name ? FINAL_CONFIG.value.style.chart.layout.grid.yAxis.name : 'y'}: <b>${applyDataLabel(
             FINAL_CONFIG.value.style.chart.layout.labels.plotLabels.y.formatter,
             plot.yValue,
             dataLabel({
                 v: plot.yValue,
                 r: FINAL_CONFIG.value.style.chart.tooltip.roundingValue
-            })
+            }),
+            { datapoint: plot, category, categoryIndex }
         )}</b></div>`;  
     
         tooltipContent.value = `<div style="text-align:left;font-size:${FINAL_CONFIG.value.style.chart.tooltip.fontSize}px">${html}</div>`;