fix: chart and tooltip for values of null

For example for `proposal efficiency` or `sync efficiency` values can also be `null`.
In the chart there should not be a value (instead of `0`) and in tooltip there shouldn't be
`percentage calculation`.

See: BEDS-1548

Author: marcel-bitfly

frontend/.vscode/settings.json

@@ -15,6 +15,7 @@
         "BcTooltip",
         "DashboardChartSummary",
         "DashboardChartSummaryFilter",
+        "DashboardChartSummaryTooltip",
         "DashboardGroupManagementModal",
         "DashboardSlotViz",
         "DashboardTableClDeposits",

frontend/components/dashboard/chart/DashboardChartRewards.vue

@@ -180,7 +180,7 @@ const elSeriesGroupTotal = computed(() => {
           { value },
           {
             sourceCurrency: elCurrency,
-            value: group.data[index],
+            value: group.data[index] ?? 0,
           },
         ],
       })
@@ -279,7 +279,7 @@ const getGroupInfo = (series: ChartSeries<number, string>[], currentIndex: numbe
       return {
         id,
         name: groups.value.find(group => group.id === id)?.name ?? '',
-        value: data[currentIndex] === '0'
+        value: data[currentIndex] === '0' || data[currentIndex] === null
           ? '-'
           : formatAmount(data[currentIndex], {
               hasCurrencyDisplay: true,
@@ -292,7 +292,7 @@ const getGroupInfo = (series: ChartSeries<number, string>[], currentIndex: numbe
     return {
       id,
       name: groups.value.find(group => group.id === id)?.name ?? '',
-      value: data[currentIndex] === '0'
+      value: data[currentIndex] === '0' || data[currentIndex] === null
         ? '-'
         : formatAmount(data[currentIndex], {
             hasCurrencyDisplay: true,

frontend/components/dashboard/chart/DashboardChartSummary.vue

@@ -208,7 +208,10 @@ const loadData = async () => {
           name = getGroupLabel($t, element.id, groups.value, allGroups)
         }
 
-        const data = element.data.map(datapoint => datapoint !== undefined ? datapoint * 100 : undefined)
+        const data = element.data.map(datapoint => datapoint === null
+          ? null
+          : datapoint * 100,
+        )
 
         const newObj: SeriesOption = {
           connectNulls: false,

frontend/components/dashboard/chart/DashboardChartSummaryTooltip.vue

@@ -46,7 +46,11 @@ defineProps<Props>()
       <div class="name">
         {{ entry.name }}:
       </div>
+      <span v-if="typeof entry.efficiency !== 'number'">
+        -
+      </span>
       <BaseFormatPercent
+        v-else
         class="efficiency"
         :value="entry.efficiency / 100"
       />