Open alex-golubtsov opened 2 years ago
Could you use a rounded rectangle as a mask?
That is to say, create a rectangle with the same dimensions and positions as each stack, round the top corners of it, and then use it as a mask on each stack.
The only complication I can see might be matching the animation to the stacks, but it might be doable.
Using
<XYChart>
and<AnimatedBarStack>
/<AnimatedBarSeries>
, there is no way to properly define rounded top corners.I expect the topmost section in each column to have rounded corners. With current
AnimatedBarSeries
API it's not possible. Here is the example:data
is an array of{ string: number }
sections
is an array of{ key: keyof data, color: string }
index === values.length - 1
(the last section in the definition) does not work since dark-green section is not the topmost in all the columns