fix: update comparison value calculation in KpiCardWidget and fix series label formatting in StackedBarChart

Author: NoOne7135

custom/widgets/KpiCardWidget.vue

@@ -124,9 +124,9 @@ const label = computed(() => kpiConfig.value?.subtitle?.field
       .join(': ')
   : kpiConfig.value?.subtitle?.text ?? kpiConfig.value?.title ?? props.widget.label)
 const formattedValue = computed(() => `${kpiConfig.value?.value.prefix ?? ''}${formatValue(value.value, kpiConfig.value?.value.format)}${kpiConfig.value?.value.suffix ?? ''}`)
-const comparisonValue = computed(() => toFiniteNumber(kpiConfig.value?.comparison?.field
-  ? firstRow.value[kpiConfig.value.comparison.field]
-  : undefined))
+const comparisonValue = computed(() => kpiConfig.value?.comparison?.field
+  ? value.value - toFiniteNumber(firstRow.value[kpiConfig.value.comparison.field])
+  : 0)
 const comparison = computed(() => {
   const config = kpiConfig.value?.comparison
 

custom/widgets/chart/StackedBarChart.vue

@@ -120,7 +120,7 @@ const { el: rootEl, width: rootWidth } = useElementSize<HTMLDivElement>()
 const { el: svgEl, width: svgWidth, height: svgHeight } = useElementSize<HTMLDivElement>()
 
 const barGap = 10
-const seriesNames = computed(() => Array.from(new Set(props.rows.map((row) => formatChartLabel(row[props.seriesField])))))
+const seriesNames = computed(() => Array.from(new Set(props.rows.map((row) => formatSeriesLabel(row[props.seriesField])))))
 const normalizedSeries = computed(() => seriesNames.value.map((name, index) => ({
   name,
   color: props.colors?.[index] || CHART_COLORS[index % CHART_COLORS.length],
@@ -141,7 +141,7 @@ const groupedRows = computed(() => {
   for (const row of props.rows) {
     const label = formatChartLabel(row[props.xField])
     const item = grouped.get(label) ?? { [props.xField]: label }
-    const seriesName = formatChartLabel(row[props.seriesField])
+    const seriesName = formatSeriesLabel(row[props.seriesField])
 
     item[seriesName] = toFiniteNumber(item[seriesName]) + toFiniteNumber(row[props.yField])
 
@@ -240,4 +240,8 @@ function getBarTooltip(bar: { label: string, total: number, segments: Array<{ na
     ...segmentLines,
   ].join('\n')
 }
+
+function formatSeriesLabel(value: unknown) {
+  return typeof value === 'string' ? value : String(value)
+}
 </script>