Remove line padding

[sylwia-golonko]

Question

Hello
First of all, thank you for the great library 👍

Can start/end padding be removed from the line chart with enabled scroll (red rectangle on the screenshot)?

I was only able to achieve that by overriding HorizontalAxis<Axis.Position.Horizontal.Bottom>#updateLayerDimensions but then labels on the bottom axis appear with extra dots:

I hope there is another, simpler way to do it.
Thanks in advance.

Bottom axis implementation:

internal class BottomAxis(
    line: LineComponent?,
    label: TextComponent?,
    labelRotationDegrees: Float,
    valueFormatter: CartesianValueFormatter,
) : HorizontalAxis<Axis.Position.Horizontal.Bottom>(
    position = Axis.Position.Horizontal.Bottom,
    line = line,
    label = label,
    labelRotationDegrees = labelRotationDegrees,
    valueFormatter = valueFormatter,
    tick = null,
    tickLengthDp = 0f,
    guideline = null,
    itemPlacer = ItemPlacer.aligned(),
    size = Size.auto(),
    titleComponent = null,
    title = null,
) {

    override fun updateLayerDimensions(
        context: CartesianMeasuringContext,
        layerDimensions: MutableCartesianLayerDimensions,
    ) {
    // nop
    }
}

Module(s)

compose-m3

Platform(s)

Android

Platform version(s)

No response

Vico version(s)

2.0.1

[Gowsky]

Hello, @sylwia-golonko. To help us provide the best solution, could you clarify the expected behavior for the first and last labels? The padding makes room for them.

[sylwia-golonko]

@Gowsky Thank you for response.
Can we have a configurable padding size? Thanks to this, I could set it to 0dp, which is needed in my case.

[Gowsky]

Yes, the padding is configurable. Please answer my previous question so we can assist you.

[sylwia-golonko]

It would be great if the first and last labels stayed the same as on the first image (with a red rectangle). So padding of the chart can not affect the label.

[Gowsky]

If the labels were to remain entirely unaffected, then they would become misaligned, defying their purpose:

If the inner labels were to be shifted, there would no longer be enough room for the outer ones to be displayed elegantly:

How would you like to approach this? One option would be to use the latter solution but with increased (possibly dynamic) label spacing.

[sylwia-golonko]

Thank you for the explanation, now I see the problem.
I don't know how much it will interfere with chart implementation but to have labels perfectly below points, there is also an option to place labels "outside" the chart. In other words, there could be a parametrized "outside" margin only for space with the chart (I guess you know better :)).
Something like:

Maybe there could be some parameters to set to achieve that or the mode of the chart. At least something simpler than overriding the whole updateLayerDimensions.

Thank you in advance for your response :)