Any way to customize shape for each column in stacked bar chart

[siyingch86]

Hi there, I have a question over stacked bar shape. Currently, I've set them to pill shape and get a chart like Pic1.

However, my ideal chart is like Pic2, where the bar attached with each other. And another requirement I want to achieve is for a bar with single group, it will automatically render the pill shape.

I noticed how show case charts do is the following that we need to adjust the shape according to the index. However, this won't meet another requirement when there's a bar with a single group(another group value is 0), it will show the fixed shape instead of automatically rendering it to pill shape(Pic3 ).

rememberColumnCartesianLayer(
                        columns =
                        remember(defaultColumns) {
                            defaultColumns.mapIndexed { index, defaultColumn ->
                                Log.v("TAG", "index is ${index}")
                                val topCornerRadiusPercent =
                                    if (index == defaultColumns.lastIndex) {
                                        Defaults.COLUMN_ROUNDNESS_PERCENT
                                    } else {
                                        0
                                    }
                                val bottomCornerRadiusPercent =
                                    if (index == 0) Defaults.COLUMN_ROUNDNESS_PERCENT else 0
                                LineComponent(
                                    defaultColumn.color,
                                    defaultColumn.thicknessDp,
                                    Shapes.roundedCornerShape(
                                        topCornerRadiusPercent,
                                        topCornerRadiusPercent,
                                        bottomCornerRadiusPercent,
                                        bottomCornerRadiusPercent,
                                    ),
                                )
                            }
                        },
                        mergeMode = { ColumnCartesianLayer.MergeMode.Stacked },

[patrickmichalik]

Hello! Vico 2.0.0 Alpha 13 makes this possible. With ColumnCartesianLayer.ColumnProvider, you can customize columns individually. I’d suggest creating a map that stores the column count for each x value and saving it as an extra. You can then retrieve the map in ColumnProvider#getColumn and use it to return the appropriate LineComponent for each column, taking into account whether there’s another column in its stack. Let me know if you have any questions.