X and Y axes do not overlap

[Shusek]

Example

Sorry for bothering you with such a small issue, but is there a reason why the Y-axis and X-axis do not overlap? This is particularly noticeable when not using tickers to mark positions (as they start from the actual Y-axis zero).

If this is the expected behavior, feel free to close this issue right away.

How to reproduce

               Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    val modelProducer = remember { CartesianChartModelProducer() }
                    LaunchedEffect(Unit) {
                        modelProducer.runTransaction {
                            lineSeries { series(13, 8, 7) }
                        }
                    }
                    CartesianChartHost(
                        rememberCartesianChart(
                            rememberLineCartesianLayer(),
                            startAxis = VerticalAxis.rememberStart(
                                tickLength = 0.dp,
                                line = rememberAxisLineComponent(thickness = 10.dp),
                            ),
                            bottomAxis = HorizontalAxis.rememberBottom(
                                line = rememberAxisLineComponent(thickness = 10.dp)
                            )
                        ),
                        modelProducer,
                        modifier = Modifier.padding(innerPadding)
                    )
                }

Observed behavior

Expected behavior

Y and X line should overlap

Module(s)

multiplatform-m3

Platform(s)

Android

Platform version(s)

8.0

Vico version(s)

2.1.0

Additional information

No response

[Gowsky]

Hello, @Shusek. This seems to be an oversight — the axis lines should overlap. We'll look into it.

It's possible to work around this issue in the meantime. This best approach depends on what axes are present, so if you're interested, please let us know what axes your actual chart has.

Please also note that you should hide ticks by setting tick to null, not by setting tickLength to 0.dp. If there's a label at the very top of the y axis, then when you use the preferred solution, you may notice that the topmost guideline is too high up and looks detached. This is normal, and you can address it by setting shiftTopLines to false in the VerticalAxis.ItemPlacer factory functions.