mui-x icon indicating copy to clipboard operation
mui-x copied to clipboard

[charts-pro] Add range bar chart

Open bernardobelchior opened this issue 2 months ago • 11 comments

Fixes https://github.com/mui/mui-x/issues/20350.

Adds a range bar chart. Future improvements.

image

bernardobelchior avatar Nov 10 '25 14:11 bernardobelchior

Deploy preview: https://deploy-preview-20275--material-ui-x.netlify.app/

Updated pages:

Bundle size report

Bundle Parsed size Gzip size
@mui/x-data-grid 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-pro 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-premium 0B(0.00%) 0B(0.00%)
@mui/x-charts 🔺+24B(+0.01%) ▼-8B(-0.01%)
@mui/x-charts-pro 🔺+62B(+0.01%) 🔺+14B(+0.01%)
@mui/x-charts-premium 🔺+9.22KB(+2.05%) 🔺+3.05KB(+2.27%)
@mui/x-date-pickers 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers-pro 0B(0.00%) 0B(0.00%)
@mui/x-tree-view 0B(0.00%) 0B(0.00%)
@mui/x-tree-view-pro 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by :no_entry_sign: dangerJS against ce2da26b70f538d00f928072c1a774d77182452f

mui-bot avatar Nov 10 '25 14:11 mui-bot

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Nov 11 '25 14:11 github-actions[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Nov 17 '25 12:11 github-actions[bot]

CodSpeed Performance Report

Merging #20275 will not alter performance

Comparing bernardobelchior:add-range-bar-chart (ce2da26) with master (e511cfd)[^unexpected-base] [^unexpected-base]: No successful run was found on master (ef1449d) during the generation of this report, so e511cfd was used instead as the comparison base. There might be some changes unrelated to this pull request in this report.

Summary

✅ 14 untouched

codspeed-hq[bot] avatar Nov 24 '25 08:11 codspeed-hq[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Nov 27 '25 10:11 github-actions[bot]

The Waterfall demo is not in the docs yet, is it because we want to add it as a separate page just like the Range Bar doc?

prakhargupta1 avatar Nov 28 '25 04:11 prakhargupta1

The Waterfall demo is not in the docs yet, is it because we want to add it as a separate page just like the Range Bar doc?

I think I just forgot to add it again after some changes, but now that you mention it I'm not sure where to place it. I'll add it to the bar demos for now.

bernardobelchior avatar Nov 28 '25 06:11 bernardobelchior

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 01 '25 15:12 github-actions[bot]

Just on elast function that might be better in the pro packagse

And I don't get why on axis click the series values is empty. BUt that's not a big deal for now

Found the reason. We're filtering specific series type (line and bar, at the moment) to be returned in the seriesValues, so range bar is being excluded.

Since we'll be releasing the range bar as unstable and behind a feature flag, we can enable this filtering based on the state of that feature flag, so it shouldn't cause any type issues hopefully.

bernardobelchior avatar Dec 03 '25 09:12 bernardobelchior

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 04 '25 11:12 github-actions[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 08 '25 15:12 github-actions[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 12 '25 14:12 github-actions[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 17 '25 09:12 github-actions[bot]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Dec 19 '25 13:12 github-actions[bot]