diff --git a/docs/pages/x/api/charts/bar-chart.json b/docs/pages/x/api/charts/bar-chart.json
index 67e4981b50ee0..fd2099bd65d9e 100644
--- a/docs/pages/x/api/charts/bar-chart.json
+++ b/docs/pages/x/api/charts/bar-chart.json
@@ -37,7 +37,7 @@
"type": { "name": "union", "description": "object
| string" },
"default": "yAxisIds[0] The id of the first provided axis"
},
- "loading": { "type": { "name": "bool" } },
+ "loading": { "type": { "name": "bool" }, "default": "false" },
"margin": {
"type": {
"name": "shape",
diff --git a/docs/pages/x/api/charts/line-chart.json b/docs/pages/x/api/charts/line-chart.json
index 8c2cff769838d..68752fd26553d 100644
--- a/docs/pages/x/api/charts/line-chart.json
+++ b/docs/pages/x/api/charts/line-chart.json
@@ -34,7 +34,7 @@
"type": { "name": "union", "description": "object
| string" },
"default": "yAxisIds[0] The id of the first provided axis"
},
- "loading": { "type": { "name": "bool" } },
+ "loading": { "type": { "name": "bool" }, "default": "false" },
"margin": {
"type": {
"name": "shape",
diff --git a/docs/pages/x/api/charts/pie-chart.json b/docs/pages/x/api/charts/pie-chart.json
index 183721e32cd07..caa5ec8996d97 100644
--- a/docs/pages/x/api/charts/pie-chart.json
+++ b/docs/pages/x/api/charts/pie-chart.json
@@ -39,7 +39,7 @@
"deprecated": true,
"deprecationInfo": "Consider using slotProps.legend
instead."
},
- "loading": { "type": { "name": "bool" } },
+ "loading": { "type": { "name": "bool" }, "default": "false" },
"margin": {
"type": {
"name": "shape",
diff --git a/docs/pages/x/api/charts/scatter-chart.json b/docs/pages/x/api/charts/scatter-chart.json
index 7e52fa19a2a77..d94d553485077 100644
--- a/docs/pages/x/api/charts/scatter-chart.json
+++ b/docs/pages/x/api/charts/scatter-chart.json
@@ -34,7 +34,7 @@
"type": { "name": "union", "description": "object
| string" },
"default": "yAxisIds[0] The id of the first provided axis"
},
- "loading": { "type": { "name": "bool" } },
+ "loading": { "type": { "name": "bool" }, "default": "false" },
"margin": {
"type": {
"name": "shape",
diff --git a/packages/x-charts/src/BarChart/BarChart.tsx b/packages/x-charts/src/BarChart/BarChart.tsx
index b67cca32b75f8..9bee34968418f 100644
--- a/packages/x-charts/src/BarChart/BarChart.tsx
+++ b/packages/x-charts/src/BarChart/BarChart.tsx
@@ -298,6 +298,7 @@ BarChart.propTypes = {
}),
/**
* If `true`, a loading overlay is displayed.
+ * @default false
*/
loading: PropTypes.bool,
/**
diff --git a/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx
index aff9dc1678b70..f9f287a345d08 100644
--- a/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx
+++ b/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx
@@ -4,6 +4,7 @@ import { useDrawingArea } from '../hooks/useDrawingArea';
import type { CommonOverlayProps } from './ChartsOverlay';
const StyledText = styled('text')(({ theme }) => ({
+ ...theme.typography.body2,
stroke: 'none',
fill: theme.palette.text.primary,
shapeRendering: 'crispEdges',
@@ -17,7 +18,7 @@ export function ChartsLoadingOverlay(props: CommonOverlayProps) {
return (
- {message ?? 'Loading data ...'}
+ {message ?? 'Loading data…'}
);
}
diff --git a/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx
index 3567e83b4b1e1..0ee3f2c7de131 100644
--- a/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx
+++ b/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx
@@ -4,6 +4,7 @@ import { useDrawingArea } from '../hooks/useDrawingArea';
import type { CommonOverlayProps } from './ChartsOverlay';
const StyledText = styled('text')(({ theme }) => ({
+ ...theme.typography.body2,
stroke: 'none',
fill: theme.palette.text.primary,
shapeRendering: 'crispEdges',
diff --git a/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx
index ef1e7371336f5..528002d32de0b 100644
--- a/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx
+++ b/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx
@@ -46,10 +46,18 @@ export interface ChartsOverlaySlotProps {
export interface ChartsOverlayProps {
/**
* If `true`, a loading overlay is displayed.
+ * @default false
*/
loading?: boolean;
-
+ /**
+ * Overridable component slots.
+ * @default {}
+ */
slots?: ChartsOverlaySlots;
+ /**
+ * The props used for each component slot.
+ * @default {}
+ */
slotProps?: ChartsOverlaySlotProps;
}
diff --git a/packages/x-charts/src/LineChart/LineChart.tsx b/packages/x-charts/src/LineChart/LineChart.tsx
index 170b59bceb1c2..79f00201e306d 100644
--- a/packages/x-charts/src/LineChart/LineChart.tsx
+++ b/packages/x-charts/src/LineChart/LineChart.tsx
@@ -320,6 +320,7 @@ LineChart.propTypes = {
}),
/**
* If `true`, a loading overlay is displayed.
+ * @default false
*/
loading: PropTypes.bool,
/**
diff --git a/packages/x-charts/src/PieChart/PieChart.tsx b/packages/x-charts/src/PieChart/PieChart.tsx
index 50ed25c630f99..b3a2638627a63 100644
--- a/packages/x-charts/src/PieChart/PieChart.tsx
+++ b/packages/x-charts/src/PieChart/PieChart.tsx
@@ -266,6 +266,7 @@ PieChart.propTypes = {
}),
/**
* If `true`, a loading overlay is displayed.
+ * @default false
*/
loading: PropTypes.bool,
/**
diff --git a/packages/x-charts/src/ScatterChart/ScatterChart.tsx b/packages/x-charts/src/ScatterChart/ScatterChart.tsx
index eb8666d4ec51b..ca05641dd0846 100644
--- a/packages/x-charts/src/ScatterChart/ScatterChart.tsx
+++ b/packages/x-charts/src/ScatterChart/ScatterChart.tsx
@@ -266,6 +266,7 @@ ScatterChart.propTypes = {
}),
/**
* If `true`, a loading overlay is displayed.
+ * @default false
*/
loading: PropTypes.bool,
/**