@mui/x-charts
Advanced tools
Changelog
7.3.0
Apr 18, 2024
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
📄 Support unknown and estimated row count in server-side pagination (#12490) @MBilalShafi
🎨 Support color scales in Charts (#12490) @alexfauquette
Add a colorMap
configuration to an axis, and the chart will use it to select colors.
Each impacted chart (bar charts, line charts, scatter charts) has a dedicated section explaining how this color map is impacting it.
🌍 Improve Danish (da-DK) locale on the Data Grid
🐞 Bugfixes
📚 Documentation improvements
Changelog
7.2.0
Apr 12, 2024
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
Changelog
7.1.1
Apr 5, 2024
We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
setItemExpansion
Tree View API method (#12595) @flaviendelangleChangelog
7.1.0
Mar 28, 2024
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
resizeThrottleMs
prop (#12556) @romgrkChangelog
7.0.0
Mar 22, 2024
We're excited to announce the first v7 stable release! 🎉🚀
This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements. Migration guides are available with a complete list of the breaking changes:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
viewRenderers
on DateTimePicker
(#12441) @LukasTydensity
for the Data Grid (#12332) @MBilalShafiThe density
is a controlled prop now, if you were previously passing the density
prop to the Data Grid, you will need to do one of the following:
initialState.density
to initialize it. <DataGrid
- density="compact"
+ initialState={{ density: "compact" }}
/>
onDensityChange
callback to update the density
prop accordingly for it to work as expected.+ const [density, setDensity] = React.useState<GridDensity>('compact');
<DataGrid
- density="compact"
+ density={density}
+ onDensityChange={(newDensity) => setDensity(newDensity)}
/>
The selector gridDensityValueSelector
was removed, use the gridDensitySelector
instead.
The props rowBuffer
and columnBuffer
were renamed to rowBufferPx
and columnBufferPx
.
Their value is now a pixel value rather than a number of items. Their default value is now 150
.
The props rowThreshold
and columnThreshold
have been removed.
If you had the rowThreshold
prop set to 0
to force new rows to be rendered more often – this is no longer necessary.