` rendered by `ChartsLayerContainer` instead of an ``. ## Tooltip ### Tooltip now renders inside the chart container The tooltip is now portaled into the `ChartsLayerContainer` instead of `document.body`. This means the tooltip DOM is a child of the chart container, making it easier to style using the chart's `sx` prop. If you were querying for the tooltip element in the DOM using selectors scoped to `document.body`, you should update them to look inside the chart container instead. The tooltip uses `position: fixed` to ensure it can still visually overflow the chart boundaries despite being rendered inside the container. ## Keyboard navigation ✅ The keyboard navigation is no enabled by default. If you used `enableKeyboardNavigation` prop, you can remove it. To disable this feature, use the prop `disableKeyboardNavigation`. ## Stabilized `experimentalFeatures` ✅ The `preferStrictDomainInLineCharts` experimental feature is now the default behavior. The x-axis domain limit for line charts defaults to `'strict'`, meaning the axis range matches the data range exactly without extra padding. If you were using the `experimentalFeatures` prop with `preferStrictDomainInLineCharts`, you can remove it. ```diff ``` If you want to revert to the previous behavior (rounded/"nice" domain limits on the x-axis), set `domainLimit` to `'nice'` on the x-axis configuration: ```jsx ``` ## Props propagation The `ref` for single component charts like `` is now propagated to the root element instead of the SVG element. Internally this change looks like this. ```diff const LineChart = React.forwardRef(function LineChart( inProps: LineChartProps, - ref: React.Ref, + ref: React.Ref, ) { /* ... */ return ( - + {/* ... */} - + {/* ... */} ); }); ``` ## Typescript ### Identifiers are now generics In v9 we introduce generics to our identifiers. This will allow you to get the correct type according to the series you're using. #### Remove default generic of `SeriesItemIdentifier` The argument of `SeriesItemIdentifier` is now required. It accepts an union of series types. For example: - `SeriesItemIdentifier<'bar'>` for a BarChart. - `SeriesItemIdentifier<'bar' | 'line'>` if you compose bar and line series. #### Add generic to `HighlightScope` The `HighlightScope` is now a generic and require its argument the same way `SeriesItemIdentifier` does. #### Replace `HighlightItemData` by `HighlightItemIdentifier` The `HighlightItemData` type was replaced by `HighlightItemIdentifier`. The main difference from the `SeriesItemIdentifier` is the ability to identify a whole series. For example, in a `SeriesItemIdentifier<'bar'>` the `dataIndex` is required since it identifies an item of the series. A `HighlightItemIdentifier<'bar'>` can identify a data point, which requires a `dataIndex`, but also an entire series, in which case the `dataIndex` is optional.