Update formatter

graphieros · graphieros · commit 5a4f5edf7bda · 2024-10-20T19:50:42.000+02:00
diff --git a/TestingArena/ArenaVueUiChestnut.vue b/TestingArena/ArenaVueUiChestnut.vue
@@ -333,16 +333,17 @@ const config = computed(() => {
                     ...c.style.chart.layout,
                     grandTotal: {
                         ...c.style.chart.layout.grandTotal,
-                        formatter: (val) => {
-                            return `tot - ${val}`
+                        formatter: ({value}) => {
+                            return `tot - ${value}`
                         }
                     },
                     roots: {
                         ...c.style.chart.layout.roots,
                         labels: {
                             ...c.style.chart.layout.roots.labels,
-                            formatter: (val) => {
-                                return `root - ${val}`
+                            formatter: ({value, config }) => {
+                                // console.log({config})
+                                return `root - ${value}`
                             }
                         }
                     },
@@ -352,8 +353,8 @@ const config = computed(() => {
                             ...c.style.chart.layout.branches.labels,
                             dataLabels: {
                                 ...c.style.chart.layout.branches.labels.dataLabels,
-                                formatter: (val) => {
-                                    return `branch - ${val}`
+                                formatter: ({value}) => {
+                                    return `branch - ${value}`
                                 }
                             }
                         }
@@ -366,8 +367,8 @@ const config = computed(() => {
                                 ...c.style.chart.layout.nuts.selected.labels,
                                 dataLabels: {
                                     ...c.style.chart.layout.nuts.selected.labels.dataLabels,
-                                    formatter: (val) => {
-                                        return `nut - ${val}`
+                                    formatter: ({value}) => {
+                                        return `nut - ${value}`
                                     }
                                 }
                             }
diff --git a/TestingArena/ArenaVueUiTiremarks.vue b/TestingArena/ArenaVueUiTiremarks.vue
@@ -73,8 +73,8 @@ const config = computed(() => {
                 ...c.style.chart,
                 percentage: {
                     ...c.style.chart.percentage,
-                    formatter: (val) => {
-                        return `f - ${val}`
+                    formatter: ({value}) => {
+                        return `f - ${value}`
                     }
                 }
             }
diff --git a/TestingArena/ArenaVueUiWheel.vue b/TestingArena/ArenaVueUiWheel.vue
@@ -71,8 +71,8 @@ const config = computed(() => {
                     ...c.style.chart.layout,
                     percentage: {
                         ...c.style.chart.layout.percentage,
-                        formatter: (val) => {
-                            return `f - ${val}`
+                        formatter: ({value}) => {
+                            return `f - ${value}`
                         }
                     }
                 }
diff --git a/src/components/vue-ui-chestnut.vue b/src/components/vue-ui-chestnut.vue
@@ -707,7 +707,9 @@ defineExpose({
                             v: root.total,
                             s: FINAL_CONFIG.style.chart.layout.roots.labels.suffix,
                             r: FINAL_CONFIG.style.chart.layout.roots.labels.roundingValue
-                        })) 
+                        }),
+                        { datapoint: root }
+                        ) 
                     }}
                 </text>
                 <!-- ROOT NAME LABEL -->
@@ -777,7 +779,9 @@ defineExpose({
                                 v: branch.value,
                                 s: FINAL_CONFIG.style.chart.layout.branches.labels.dataLabels.suffix,
                                 r: FINAL_CONFIG.style.chart.layout.branches.labels.dataLabels.roundingValue
-                            }))
+                            }),
+                            { datapoint: branch }
+                            )
                         }}
                     </text>
                 </g>
@@ -876,7 +880,8 @@ defineExpose({
                                         v: root.total,
                                         s: FINAL_CONFIG.style.chart.layout.legend.suffix,
                                         r: FINAL_CONFIG.style.chart.layout.legend.roundingValue
-                                    })
+                                    }),
+                                    { datapoint: root }
                                 ) }}
                             </b>
                             ({{ dataLabel({
@@ -999,7 +1004,8 @@ defineExpose({
                             v: selectedNut.value,
                             s: FINAL_CONFIG.style.chart.layout.nuts.selected.labels.core.value.suffix,
                             r: FINAL_CONFIG.style.chart.layout.nuts.selected.roundingValue
-                        })
+                        }),
+                        { datapoint: selectedNut }
                     ) }}
                 </text>
 
@@ -1057,7 +1063,8 @@ defineExpose({
                                 v: selectedNut.breakdown[i].value,
                                 s: FINAL_CONFIG.style.chart.layout.nuts.selected.labels.dataLabels.suffix,
                                 r: FINAL_CONFIG.style.chart.layout.nuts.selected.roundingValue
-                            })
+                            }),
+                            { datapoint: openNut, seriesIndex: i }
                         ) }}
                     </text>
                     <text
@@ -1117,7 +1124,8 @@ defineExpose({
                             v: branch.value,
                             s: FINAL_CONFIG.style.chart.layout.branches.labels.dataLabels.suffix,
                             r: FINAL_CONFIG.style.chart.layout.branches.labels.dataLabels.roundingValue
-                        })
+                        }),
+                        { datapoint: branch }
                     )}}
                 </text>
                 <text 

Original file line number	Diff line number	Diff line change
`@@ -333,16 +333,17 @@ const config = computed(() => {`
`333`	`333`	`...c.style.chart.layout,`
`334`	`334`	`grandTotal: {`
`335`	`335`	`...c.style.chart.layout.grandTotal,`
`336`		`- formatter: (val) => {`
`337`		- return `tot - ${val}`
	`336`	`+ formatter: ({value}) => {`
	`337`	+ return `tot - ${value}`
`338`	`338`	`}`
`339`	`339`	`},`
`340`	`340`	`roots: {`
`341`	`341`	`...c.style.chart.layout.roots,`
`342`	`342`	`labels: {`
`343`	`343`	`...c.style.chart.layout.roots.labels,`
`344`		`- formatter: (val) => {`
`345`		- return `root - ${val}`
	`344`	`+ formatter: ({value, config }) => {`
	`345`	`+ // console.log({config})`
	`346`	+ return `root - ${value}`
`346`	`347`	`}`
`347`	`348`	`}`
`348`	`349`	`},`
`@@ -352,8 +353,8 @@ const config = computed(() => {`
`352`	`353`	`...c.style.chart.layout.branches.labels,`
`353`	`354`	`dataLabels: {`
`354`	`355`	`...c.style.chart.layout.branches.labels.dataLabels,`
`355`		`- formatter: (val) => {`
`356`		- return `branch - ${val}`
	`356`	`+ formatter: ({value}) => {`
	`357`	+ return `branch - ${value}`
`357`	`358`	`}`
`358`	`359`	`}`
`359`	`360`	`}`
`@@ -366,8 +367,8 @@ const config = computed(() => {`
`366`	`367`	`...c.style.chart.layout.nuts.selected.labels,`
`367`	`368`	`dataLabels: {`
`368`	`369`	`...c.style.chart.layout.nuts.selected.labels.dataLabels,`
`369`		`- formatter: (val) => {`
`370`		- return `nut - ${val}`
	`370`	`+ formatter: ({value}) => {`
	`371`	+ return `nut - ${value}`
`371`	`372`	`}`
`372`	`373`	`}`
`373`	`374`	`}`
Original file line number	Diff line number	Diff line change
`@@ -73,8 +73,8 @@ const config = computed(() => {`
`73`	`73`	`...c.style.chart,`
`74`	`74`	`percentage: {`
`75`	`75`	`...c.style.chart.percentage,`
`76`		`- formatter: (val) => {`
`77`		- return `f - ${val}`
	`76`	`+ formatter: ({value}) => {`
	`77`	+ return `f - ${value}`
`78`	`78`	`}`
`79`	`79`	`}`
`80`	`80`	`}`
Original file line number	Diff line number	Diff line change
`@@ -71,8 +71,8 @@ const config = computed(() => {`
`71`	`71`	`...c.style.chart.layout,`
`72`	`72`	`percentage: {`
`73`	`73`	`...c.style.chart.layout.percentage,`
`74`		`- formatter: (val) => {`
`75`		- return `f - ${val}`
	`74`	`+ formatter: ({value}) => {`
	`75`	+ return `f - ${value}`
`76`	`76`	`}`
`77`	`77`	`}`
`78`	`78`	`}`