Sparkline: bottom fill "bleeds" when yAxis.min is not zero

[bourquep]

Steps to reproduce

SparkLine "bleeds" at the bottom if it's bounding box when it's yAxis min value is not set to zero:

I am unable to create a repro code sandbox because of a missing D3 library in x-chart-vendors

Current behavior

No response

Expected behavior

Sparklines should occupy the same area regardless of their min value.

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: macOS 15.1
  Binaries:
    Node: 20.9.0 - ~/.nvm/versions/node/v20.9.0/bin/node
    npm: 10.1.0 - ~/.nvm/versions/node/v20.9.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 130.0.6723.91
    Edge: Not Found
    Safari: 18.1
  npmPackages:
    @emotion/react: 11.13.3 => 11.13.3 
    @emotion/styled: 11.13.0 => 11.13.0 
    @mui/core-downloads-tracker:  6.1.5 
    @mui/icons-material: 6.1.6 => 6.1.5 
    @mui/material: 6.1.5 => 6.1.5 
    @mui/material-nextjs: 6.1.5 => 6.1.5 
    @mui/system:  6.1.5 
    @mui/types:  7.2.18 
    @mui/x-charts: 7.22.0 => 7.22.0 
    @mui/x-charts-vendor:  7.20.0 
    @types/react: ^18 => 18.3.12 
    react: 19.0.0-rc.0 => 19.0.0-rc-69d4b800-20241021 
    react-dom: 19.0.0-rc.0 => 19.0.0-rc-69d4b800-20241021 
    typescript: ^5 => 5.6.3 

Search keywords: sparkline min