feat(CartesianChart): add progressbar to chart tooltip

[Lisa18289]

No description provided.

[github-actions]

Coverage Report for ./packages/components/

Status	Category	Percentage	Covered / Total
🔵	Lines	82.24%	264 / 321
🔵	Statements	82.56%	270 / 327
🔵	Functions	89.85%	62 / 69
🔵	Branches	71.34%	122 / 171

File Coverage

No changed files found.

Generated in workflow #4975 for commit 3d60828 by the Vitest Coverage Report Action

[mfal]

I would prefer a more flexible/composable way of rendering a progressbar inside a tooltip. This aligns more with Flows style and DX of composing components.

Gladly the existing formatter already provides this kind of flexibility and composability.

Instead of

<ChartTooltip showProgressbar />

we could provide a ChartTooltipProgressBar that has a chart | payload prop and all the existing props from the regular <ProgressBar />.

This could be used inside the formatter, with all the flexibility of a render function.

<ChartTooltip formatter={
  (index, payload) => <ChartTooltipProgressBar payload={payload} {/* more settings */} /> }
/>

1. Yes, this is more verbose, but lets you define any tooltip layout you want.
2. The formatters signature does not match the example. We should talk about options, if go this way.

[ins0]

we have CategoricalWithCustomColor