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, /**