UNPKG

@mui/x-charts

Version:

The community edition of MUI X Charts components.

826 lines (825 loc) 61.9 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.ScatterChart = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _styles = require("@mui/material/styles"); var _ScatterPlot = require("./ScatterPlot"); var _ChartsAxis = require("../ChartsAxis"); var _ChartsTooltip = require("../ChartsTooltip"); var _ChartsLegend = require("../ChartsLegend"); var _ChartsOverlay = require("../ChartsOverlay"); var _ChartsAxisHighlight = require("../ChartsAxisHighlight"); var _ChartsGrid = require("../ChartsGrid"); var _useScatterChartProps = require("./useScatterChartProps"); var _useChartContainerProps = require("../ChartContainer/useChartContainerProps"); var _ChartDataProvider = require("../ChartDataProvider"); var _ChartsSurface = require("../ChartsSurface"); var _ChartsWrapper = require("../internals/components/ChartsWrapper"); var _jsxRuntime = require("react/jsx-runtime"); /** * Demos: * * - [Scatter](https://mui.com/x/react-charts/scatter/) * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/) * * API: * * - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/) */ const ScatterChart = exports.ScatterChart = /*#__PURE__*/React.forwardRef(function ScatterChart(inProps, ref) { const props = (0, _styles.useThemeProps)({ props: inProps, name: 'MuiScatterChart' }); const { chartsWrapperProps, chartContainerProps, chartsAxisProps, gridProps, scatterPlotProps, overlayProps, legendProps, axisHighlightProps, children } = (0, _useScatterChartProps.useScatterChartProps)(props); const { chartDataProviderProps, chartsSurfaceProps } = (0, _useChartContainerProps.useChartContainerProps)(chartContainerProps, ref); const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip; const Toolbar = props.slots?.toolbar; return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProvider.ChartDataProvider, (0, _extends2.default)({}, chartDataProviderProps, { children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, { children: [props.showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, { children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", { "data-drawing-container": true, children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterPlot.ScatterPlot, (0, _extends2.default)({}, scatterPlotProps)) }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), children] })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({ trigger: "item" }, props.slotProps?.tooltip))] })) })); }); if (process.env.NODE_ENV !== "production") ScatterChart.displayName = "ScatterChart"; process.env.NODE_ENV !== "production" ? ScatterChart.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 }), /** * The configuration of axes highlight. * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details. * @default { x: 'none', y: 'none' } */ axisHighlight: _propTypes.default.shape({ x: _propTypes.default.oneOf(['band', 'line', 'none']), y: _propTypes.default.oneOf(['band', 'line', 'none']) }), 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 interaction will not use the Voronoi cell and fall back to hover events. * @default false */ disableVoronoi: _propTypes.default.bool, /** * Option to display a cartesian grid in the background. */ grid: _propTypes.default.shape({ horizontal: _propTypes.default.bool, vertical: _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, /** * If `true`, the legend is not rendered. */ hideLegend: _propTypes.default.bool, /** * 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, /** * If `true`, a loading overlay is displayed. * @default false */ loading: _propTypes.default.bool, /** * 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 on a scatter item. * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element if using Voronoi cells. Or the Mouse event from the scatter element, when `disableVoronoi=true`. * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier. */ onItemClick: _propTypes.default.func, /** * The series to display in the scatter chart. * An array of [[ScatterSeriesType]] objects. */ series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired, /** * If true, shows the default chart toolbar. * @default false */ showToolbar: _propTypes.default.bool, /** * 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 used for each component slot. * @default {} */ slotProps: _propTypes.default.object, /** * Overridable component slots. * @default {} */ 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.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(['sqrt']), 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(['time']), 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(['utc']), 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(['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]), 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 })]).isRequired), /** * The configuration of the y-axes. * If not provided, a default axis config is used. * An array of [[AxisConfig]] objects. */ yAxis: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({ axis: _propTypes.default.oneOf(['y']), 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, 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(['left', 'none', 'right']), 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]), 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, width: _propTypes.default.number }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['y']), 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, 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(['left', 'none', 'right']), 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]), 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, width: _propTypes.default.number }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['y']), 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, 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(['left', 'none', 'right']), 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]), 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, width: _propTypes.default.number }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['y']), 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, 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(['left', 'none', 'right']), 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]), 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, width: _propTypes.default.number }), _propTypes.default.shape({ axis: _propTypes.default.oneOf(['y']), 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, 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), _propType