How to make a scrollable list of charts?

I wanted to have a list of multiple charts, one chart per card and multiple such cards laid out in a vertical list fashion. but when I do this, with a list of say 30 charts, the list doesn’t scroll (getting clipped abruptly at card #3 for instance).

Here’s a code fragment that I had tried:

//Simply prints a list made up of a repeated charts
@Composable
public fun ChartsContainer() {
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .fillMaxHeight(0.8f)
            .verticalScroll(rememberScrollState()),
    ) {
        Spacer(modifier = Modifier.height(20.dp))
        repeat(30) {
            ChartCard(count = it)
        }
    }
}

@Composable
public fun ChartCard(count: Int = 0) {
    val listFloatEntry1: List<FloatEntry> =
        listOf(
            FloatEntry(x = 0f, y = 500f),
            FloatEntry(x = 10f, y = 300f),
            FloatEntry(x = 20f, y = 100f),
        )

    val chartEntryModelProducer1: ChartEntryModelProducer = ChartEntryModelProducer()
    chartEntryModelProducer1.setEntries(listFloatEntry1)

    Card(modifier = Modifier.padding(3.dp)) {
        Text("Chart number: $count")
        Chart(
            chart = columnChart(),
            chartModelProducer = chartEntryModelProducer1,
            startAxis = startAxis(title = "Foo", titleComponent = textComponent {}),
            bottomAxis = bottomAxis(
                title = "Baz",
                titleComponent = textComponent {},
                tickPosition = HorizontalAxis.TickPosition.Center(
                    offset = 0,
                    spacing = 5,
                ),
            ),
        )
    }
}

Here’s what the above looks like:

Notice how it’s getting clipped at the third chart and not scrollable.

How do I make a scrollable list of charts?

[ghost]

As a workaround, you could set isZoomEnabled to false. It looks like the zoom logic is what’s causing vertical swipes to be consumed. I’ve just resolved this bug.

[ghost]

What @Gowsky is referring to is that if you place your finger in an area not occupied by a chart (such as the empty space between two cards) and then swipe, you should be able to trigger a scroll. The charts consume all vertical swipes at the moment, but we’ll be looking into improving this.