Format Bar Graph Label

[haiffy420]

So i was following this bar chart example

     <CartesianChart
            xKey="month"
            yKeys={["total_paid"]}
            xAxis={{
              formatXLabel: (value) => {
                const date = new Date(2024, value - 1);
                return date.toLocaleString("default", {
                  month: "short",
                });
              },
            }}
            yAxis={[
              {
                yKeys: ["total_paid"],
                formatYLabel: (value) => {
                  return formatCurrency(value);     // Format to IDR
                },
              },
            ]}
            data={data}
          >
            {({ points, chartBounds }) => {
              return (
                <Bar
                  points={points.total_paid}
                  labels={{
                    font,
                    color: labelColor,
                    position: labelPosition,
                  }}
                >
                  <LinearGradient ... />
                </Bar>
              );
            }}
     </CartesianChart>

how exactly do i format the bar labels?

[haiffy420]

Here is my temporary solution, but of course it breaks the ts since the formatCurrency returns string

<CartesianChart>
     {({ points, chartBounds }) => {
              const formattedPoints = points.total_paid.map((point) => ({
                ...point,
                yValue: formatCurrency(point.yValue),
              }));
              return (
                <Bar
                  // @ts-ignore formatted yValue
                  points={formattedPoints}
                  ...
                  labels={{
                    font,
                    color: labelColor,
                    position: labelPosition,
                  }}
                >
                  <LinearGradient ... />
                </Bar>
              );
            }}
</CartesianChart>