Description

XY Chart bar chart bars do not begin at zero. They begin at the x axis line that is not at y zero value even when the y axis lower limit is set to 0. This is visually misleading when comparing heights of charts, especially when a bar is very short and the added extra height is large proportionally. Bars would be expected to begin at zero.

Steps to reproduce

I have included a code sample to reproduce.

Screenshots

Current result from the code sample:

What it should look like (emulated by adding bar [0, 0, 0, 0, 0, 0] at the end of the code sample) :

Code Sample

---
config:
    xyChart:
        width: 900
        height: 600
    themeVariables:
        xyChart:
            backgroundColor: "#000"
            titleColor: "#fff"
            xAxisLabelColor: "#fff"
            xAxisTitleColor: "#fff"
            xAxisTickColor: "#fff"
            xAxisLineColor: "#fff"
            yAxisLabelColor: "#fff"
            yAxisTitleColor: "#fff"
            yAxisTickColor: "#fff"
            yAxisLineColor: "#fff"
            plotColorPalette: "#888, #000"
---
xychart-beta
    title "Sentinel 2 L1C patch time series — HAMK GPU server"
    x-axis ["Allas S3 SAFE", "Allas S3 COG", "Allas S3 Zarr", "/data SAFE", "/data COG", "/data Zarr"]
    y-axis "Mean load time (s)" 0 --> 200
    bar [8302, 191, 21.7, 99.2, 34.8, 1.77]

Setup

• Mermaid version: 11.6.0
• Browser and Version: Markdown Preview Mermaid Support, Chrome Version 135.0.7049.96 (Official Build) (64-bit)

Suggested Solutions

The bars should begin at y value zero. If y value zero is below the x axis line (true when y lower limit is high enough) then the bar should be clipped at the x axis line.

Additional Context

No response