UNPKG

@mui/x-charts

Version:

The community edition of MUI X Charts components.

830 lines (827 loc) 88.6 kB
"use strict"; 'use client'; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; Object.defineProperty(exports, "__esModule", { value: true }); exports.ChartContainer = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _ChartDataProvider = require("../ChartDataProvider"); var _useChartContainerProps = require("./useChartContainerProps"); var _ChartsSurface = require("../ChartsSurface"); var _jsxRuntime = require("react/jsx-runtime"); /** * The API of the chart `apiRef` object. * The chart type can be passed as the first generic parameter to narrow down the API to the specific chart type. * @example ChartApi<'bar'> * If the chart is being created using composition, the `composition` value can be used. * @example ChartApi<'composition'> */ /** * It sets up the data providers as well as the `<svg>` for the chart. * * This is a combination of both the `ChartDataProvider` and `ChartsSurface` components. * * Demos: * * - [Composition](https://mui.com/x/api/charts/composition/) * * API: * * - [ChartContainer API](https://mui.com/x/api/charts/chart-container/) * * @example * ```jsx * <ChartContainer * series={[{ label: "Label", type: "bar", data: [10, 20] }]} * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]} * > * <BarPlot /> * <ChartsXAxis axisId="x-axis" /> * </ChartContainer> * ``` */ const ChartContainer = exports.ChartContainer = /*#__PURE__*/React.forwardRef(function ChartContainer(props, ref) { const { chartDataProviderProps, children, chartsSurfaceProps } = (0, _useChartContainerProps.useChartContainerProps)(props, ref); return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProvider.ChartDataProvider, (0, _extends2.default)({}, chartDataProviderProps, { children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, { children: children })) })); }); // @ts-ignore if (process.env.NODE_ENV !== "production") ChartContainer.displayName = "ChartContainer"; process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the TypeScript types and run "pnpm proptypes" | // ---------------------------------------------------------------------- apiRef: _propTypes.default.shape({ current: _propTypes.default.object }), children: _propTypes.default.node, className: _propTypes.default.string, /** * Color palette used to colorize multiple series. * @default rainbowSurgePalette */ colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]), /** * An array of objects that can be used to populate series and axes data using their `dataKey` property. */ dataset: _propTypes.default.arrayOf(_propTypes.default.object), desc: _propTypes.default.string, /** * If `true`, the charts will not listen to the mouse move event. * It might break interactive features, but will improve performance. * @default false */ disableAxisListener: _propTypes.default.bool, /** * If true, the voronoi interaction are ignored. */ disableVoronoi: _propTypes.default.bool, /** * The height of the chart in px. If not defined, it takes the height of the parent element. */ height: _propTypes.default.number, /** * The highlighted item. * Used when the highlight is controlled. */ highlightedItem: _propTypes.default.shape({ dataIndex: _propTypes.default.number, seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired }), /** * This prop is used to help implement the accessibility logic. * If you don't provide this prop. It falls back to a randomly generated id. */ id: _propTypes.default.string, /** * Localized text for chart components. */ localeText: _propTypes.default.object, /** * The margin between the SVG and the drawing area. * It's used for leaving some space for extra information such as the x- and y-axis or legend. * * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`. */ margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({ bottom: _propTypes.default.number, left: _propTypes.default.number, right: _propTypes.default.number, top: _propTypes.default.number })]), /** * The function called for onClick events. * The second argument contains information about all line/bar elements at the current mouse position. * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element. * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it. */ onAxisClick: _propTypes.default.func, /** * The callback fired when the highlighted item changes. * * @param {HighlightItemData | null} highlightedItem The newly highlighted item. */ onHighlightChange: _propTypes.default.func, /** * Callback fired when clicking close to an item. * This is only available for scatter plot for now. * @param {MouseEvent} event Mouse event caught at the svg level * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked */ onItemClick: _propTypes.default.func, /** * The configuration of the radial-axes. * If not provided, a default axis config is used. * An array of [[AxisConfig]] objects. */ radiusAxis: _propTypes.default.arrayOf(_propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), maxRadius: _propTypes.default.number, min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), minRadius: _propTypes.default.number, offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['linear']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func })), /** * The configuration of the rotation-axes. * If not provided, a default axis config is used. * An array of [[AxisConfig]] objects. */ rotationAxis: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({ barGapRatio: _propTypes.default.number, categoryGapRatio: _propTypes.default.number, classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, type: _propTypes.default.oneOf(['ordinal']).isRequired, unknownColor: _propTypes.default.string, values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired) }), _propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['band']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, type: _propTypes.default.oneOf(['ordinal']).isRequired, unknownColor: _propTypes.default.string, values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired) }), _propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['point']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['log']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['pow']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['sqrt']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['time']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['utc']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), endAngle: _propTypes.default.number, fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelGap: _propTypes.default.number, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['linear']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, startAngle: _propTypes.default.number, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func })]).isRequired), /** * The array of series to display. * Each type of series has its own specificity. * Please refer to the appropriate docs page to learn more about it. */ series: _propTypes.default.arrayOf(_propTypes.default.object), /** * If `true`, animations are skipped. * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting. */ skipAnimation: _propTypes.default.bool, /** * The props for the slots. */ slotProps: _propTypes.default.object, /** * Slots to customize charts' components. */ slots: _propTypes.default.object, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), theme: _propTypes.default.oneOf(['dark', 'light']), title: _propTypes.default.string, /** * Defines the maximal distance between a scatter point and the pointer that triggers the interaction. * If `undefined`, the radius is assumed to be infinite. */ voronoiMaxRadius: _propTypes.default.number, /** * The width of the chart in px. If not defined, it takes the width of the parent element. */ width: _propTypes.default.number, /** * The configuration of the x-axes. * If not provided, a default axis config is used. * An array of [[AxisConfig]] objects. */ xAxis: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({ axis: _propTypes.default.oneOf(['x']), barGapRatio: _propTypes.default.number, categoryGapRatio: _propTypes.default.number, classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, type: _propTypes.default.oneOf(['ordinal']).isRequired, unknownColor: _propTypes.default.string, values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired) }), _propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['band']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelMinGap: _propTypes.default.number, tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['x']), classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, type: _propTypes.default.oneOf(['ordinal']).isRequired, unknownColor: _propTypes.default.string, values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired) }), _propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['point']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelMinGap: _propTypes.default.number, tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['x']), classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['log']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelMinGap: _propTypes.default.number, tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['x']), classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), type: _propTypes.default.oneOf(['continuous']).isRequired }), _propTypes.default.shape({ colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired, thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired, type: _propTypes.default.oneOf(['piecewise']).isRequired })]), data: _propTypes.default.array, dataKey: _propTypes.default.string, disableLine: _propTypes.default.bool, disableTicks: _propTypes.default.bool, domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]), fill: _propTypes.default.string, height: _propTypes.default.number, hideTooltip: _propTypes.default.bool, id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), ignoreTooltip: _propTypes.default.bool, label: _propTypes.default.string, labelStyle: _propTypes.default.object, max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]), offset: _propTypes.default.number, position: _propTypes.default.oneOf(['bottom', 'none', 'top']), reverse: _propTypes.default.bool, scaleType: _propTypes.default.oneOf(['pow']), slotProps: _propTypes.default.object, slots: _propTypes.default.object, stroke: _propTypes.default.string, sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]), tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]), tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]), tickLabelMinGap: _propTypes.default.number, tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']), tickLabelStyle: _propTypes.default.object, tickMaxStep: _propTypes.default.number, tickMinStep: _propTypes.default.number, tickNumber: _propTypes.default.number, tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']), tickSize: _propTypes.default.number, valueFormatter: _propTypes.default.func }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['x']), classes: _propTypes.default.object, colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({ color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired, max: _propTypes.default.oneOfType([_propTypes.default.ins