@mui/x-charts-premium 9.0.2 → 9.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +136 -0
- package/CandlestickChart/CandlestickPlot.js +27 -31
- package/CandlestickChart/CandlestickPlot.mjs +27 -31
- package/CandlestickChart/CandlestickWebGLProgram.js +0 -3
- package/CandlestickChart/CandlestickWebGLProgram.mjs +0 -3
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.js +2 -2
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs +2 -2
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.d.mts +35 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.d.ts +35 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.js +126 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.mjs +120 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.d.mts +5 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.d.ts +5 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.js +9 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.mjs +3 -0
- package/ChartsRadialDataProviderPremium/index.d.mts +3 -0
- package/ChartsRadialDataProviderPremium/index.d.ts +3 -0
- package/ChartsRadialDataProviderPremium/index.js +20 -0
- package/ChartsRadialDataProviderPremium/index.mjs +3 -0
- package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.d.mts +10 -0
- package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.d.ts +10 -0
- package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.js +25 -0
- package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.mjs +19 -0
- package/ChartsRadiusAxis/index.d.mts +1 -0
- package/ChartsRadiusAxis/index.d.ts +1 -0
- package/ChartsRadiusAxis/index.js +16 -0
- package/ChartsRadiusAxis/index.mjs +2 -0
- package/ChartsRotationAxis/index.d.mts +1 -0
- package/ChartsRotationAxis/index.d.ts +1 -0
- package/ChartsRotationAxis/index.js +16 -0
- package/ChartsRotationAxis/index.mjs +2 -0
- package/ChartsWebGLLayer/ChartsWebGLContext.d.mts +5 -0
- package/ChartsWebGLLayer/ChartsWebGLContext.d.ts +5 -0
- package/ChartsWebGLLayer/ChartsWebGLContext.js +31 -0
- package/ChartsWebGLLayer/ChartsWebGLContext.mjs +23 -0
- package/ChartsWebGLLayer/ChartsWebGLLayer.d.mts +0 -1
- package/ChartsWebGLLayer/ChartsWebGLLayer.d.ts +0 -1
- package/ChartsWebGLLayer/ChartsWebGLLayer.js +63 -12
- package/ChartsWebGLLayer/ChartsWebGLLayer.mjs +62 -10
- package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.mts +26 -0
- package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.ts +26 -0
- package/ChartsWebGLLayer/ChartsWebGLLayer.types.js +5 -0
- package/ChartsWebGLLayer/ChartsWebGLLayer.types.mjs +1 -0
- package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.mts +6 -0
- package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.ts +6 -0
- package/ChartsWebGLLayer/ChartsWebGLOrderContext.js +15 -0
- package/ChartsWebGLLayer/ChartsWebGLOrderContext.mjs +10 -0
- package/HeatmapPremium/HeatmapPlotPremium.js +2 -2
- package/HeatmapPremium/HeatmapPlotPremium.mjs +2 -2
- package/HeatmapPremium/webgl/HeatmapWebGLPlot.js +26 -33
- package/HeatmapPremium/webgl/HeatmapWebGLPlot.mjs +26 -33
- package/RadialBarChart/seriesConfig/axisTooltipGetter.d.mts +2 -0
- package/RadialBarChart/seriesConfig/axisTooltipGetter.d.ts +2 -0
- package/RadialBarChart/seriesConfig/axisTooltipGetter.js +13 -0
- package/RadialBarChart/seriesConfig/axisTooltipGetter.mjs +6 -0
- package/RadialBarChart/seriesConfig/descriptionGetter.d.mts +3 -0
- package/RadialBarChart/seriesConfig/descriptionGetter.d.ts +3 -0
- package/RadialBarChart/seriesConfig/descriptionGetter.js +34 -0
- package/RadialBarChart/seriesConfig/descriptionGetter.mjs +28 -0
- package/RadialBarChart/seriesConfig/extremums.d.mts +3 -0
- package/RadialBarChart/seriesConfig/extremums.d.ts +3 -0
- package/RadialBarChart/seriesConfig/extremums.js +44 -0
- package/RadialBarChart/seriesConfig/extremums.mjs +36 -0
- package/RadialBarChart/seriesConfig/getColor.d.mts +3 -0
- package/RadialBarChart/seriesConfig/getColor.d.ts +3 -0
- package/RadialBarChart/seriesConfig/getColor.js +61 -0
- package/RadialBarChart/seriesConfig/getColor.mjs +55 -0
- package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.mts +3 -0
- package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.ts +3 -0
- package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.js +16 -0
- package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.mjs +9 -0
- package/RadialBarChart/seriesConfig/index.d.mts +2 -0
- package/RadialBarChart/seriesConfig/index.d.ts +2 -0
- package/RadialBarChart/seriesConfig/index.js +37 -0
- package/RadialBarChart/seriesConfig/index.mjs +30 -0
- package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.mts +3 -0
- package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.ts +3 -0
- package/RadialBarChart/seriesConfig/keyboardFocusHandler.js +9 -0
- package/RadialBarChart/seriesConfig/keyboardFocusHandler.mjs +3 -0
- package/RadialBarChart/seriesConfig/legend.d.mts +3 -0
- package/RadialBarChart/seriesConfig/legend.d.ts +3 -0
- package/RadialBarChart/seriesConfig/legend.js +9 -0
- package/RadialBarChart/seriesConfig/legend.mjs +3 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.d.mts +3 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.d.ts +3 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.js +137 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.mjs +130 -0
- package/RadialBarChart/seriesConfig/tooltip.d.mts +3 -0
- package/RadialBarChart/seriesConfig/tooltip.d.ts +3 -0
- package/RadialBarChart/seriesConfig/tooltip.js +34 -0
- package/RadialBarChart/seriesConfig/tooltip.mjs +28 -0
- package/RadialBarChart/seriesConfig/tooltipPosition.d.mts +3 -0
- package/RadialBarChart/seriesConfig/tooltipPosition.d.ts +3 -0
- package/RadialBarChart/seriesConfig/tooltipPosition.js +11 -0
- package/RadialBarChart/seriesConfig/tooltipPosition.mjs +5 -0
- package/RadialLineChart/RadialArea.d.mts +12 -0
- package/RadialLineChart/RadialArea.d.ts +12 -0
- package/RadialLineChart/RadialArea.js +33 -0
- package/RadialLineChart/RadialArea.mjs +26 -0
- package/RadialLineChart/RadialAreaPlot.d.mts +5 -0
- package/RadialLineChart/RadialAreaPlot.d.ts +5 -0
- package/RadialLineChart/RadialAreaPlot.js +51 -0
- package/RadialLineChart/RadialAreaPlot.mjs +45 -0
- package/RadialLineChart/RadialLine.d.mts +12 -0
- package/RadialLineChart/RadialLine.d.ts +12 -0
- package/RadialLineChart/RadialLine.js +33 -0
- package/RadialLineChart/RadialLine.mjs +26 -0
- package/RadialLineChart/RadialLineChart.d.mts +62 -0
- package/RadialLineChart/RadialLineChart.d.ts +62 -0
- package/RadialLineChart/RadialLineChart.js +967 -0
- package/RadialLineChart/RadialLineChart.mjs +960 -0
- package/RadialLineChart/RadialLineChart.plugins.d.mts +4 -0
- package/RadialLineChart/RadialLineChart.plugins.d.ts +4 -0
- package/RadialLineChart/RadialLineChart.plugins.js +9 -0
- package/RadialLineChart/RadialLineChart.plugins.mjs +3 -0
- package/RadialLineChart/RadialLinePlot.d.mts +5 -0
- package/RadialLineChart/RadialLinePlot.d.ts +5 -0
- package/RadialLineChart/RadialLinePlot.js +50 -0
- package/RadialLineChart/RadialLinePlot.mjs +44 -0
- package/RadialLineChart/RadialMarkPlot.d.mts +5 -0
- package/RadialLineChart/RadialMarkPlot.d.ts +5 -0
- package/RadialLineChart/RadialMarkPlot.js +48 -0
- package/RadialLineChart/RadialMarkPlot.mjs +42 -0
- package/RadialLineChart/index.d.mts +4 -0
- package/RadialLineChart/index.d.ts +4 -0
- package/RadialLineChart/index.js +49 -0
- package/RadialLineChart/index.mjs +4 -0
- package/RadialLineChart/radialLineClasses.d.mts +25 -0
- package/RadialLineChart/radialLineClasses.d.ts +25 -0
- package/RadialLineChart/radialLineClasses.js +30 -0
- package/RadialLineChart/radialLineClasses.mjs +21 -0
- package/RadialLineChart/seriesConfig/axisTooltipGetter.d.mts +2 -0
- package/RadialLineChart/seriesConfig/axisTooltipGetter.d.ts +2 -0
- package/RadialLineChart/seriesConfig/axisTooltipGetter.js +13 -0
- package/RadialLineChart/seriesConfig/axisTooltipGetter.mjs +6 -0
- package/RadialLineChart/seriesConfig/descriptionGetter.d.mts +3 -0
- package/RadialLineChart/seriesConfig/descriptionGetter.d.ts +3 -0
- package/RadialLineChart/seriesConfig/descriptionGetter.js +39 -0
- package/RadialLineChart/seriesConfig/descriptionGetter.mjs +33 -0
- package/RadialLineChart/seriesConfig/extremums.d.mts +3 -0
- package/RadialLineChart/seriesConfig/extremums.d.ts +3 -0
- package/RadialLineChart/seriesConfig/extremums.js +48 -0
- package/RadialLineChart/seriesConfig/extremums.mjs +40 -0
- package/RadialLineChart/seriesConfig/getColor.d.mts +3 -0
- package/RadialLineChart/seriesConfig/getColor.d.ts +3 -0
- package/RadialLineChart/seriesConfig/getColor.js +61 -0
- package/RadialLineChart/seriesConfig/getColor.mjs +55 -0
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.d.mts +3 -0
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.d.ts +3 -0
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.js +13 -0
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.mjs +6 -0
- package/RadialLineChart/seriesConfig/index.d.mts +2 -0
- package/RadialLineChart/seriesConfig/index.d.ts +2 -0
- package/RadialLineChart/seriesConfig/index.js +37 -0
- package/RadialLineChart/seriesConfig/index.mjs +30 -0
- package/RadialLineChart/seriesConfig/keyboardFocusHandler.d.mts +3 -0
- package/RadialLineChart/seriesConfig/keyboardFocusHandler.d.ts +3 -0
- package/RadialLineChart/seriesConfig/keyboardFocusHandler.js +9 -0
- package/RadialLineChart/seriesConfig/keyboardFocusHandler.mjs +3 -0
- package/RadialLineChart/seriesConfig/legend.d.mts +3 -0
- package/RadialLineChart/seriesConfig/legend.d.ts +3 -0
- package/RadialLineChart/seriesConfig/legend.js +29 -0
- package/RadialLineChart/seriesConfig/legend.mjs +23 -0
- package/RadialLineChart/seriesConfig/seriesProcessor.d.mts +3 -0
- package/RadialLineChart/seriesConfig/seriesProcessor.d.ts +3 -0
- package/RadialLineChart/seriesConfig/seriesProcessor.js +142 -0
- package/RadialLineChart/seriesConfig/seriesProcessor.mjs +135 -0
- package/RadialLineChart/seriesConfig/tooltip.d.mts +3 -0
- package/RadialLineChart/seriesConfig/tooltip.d.ts +3 -0
- package/RadialLineChart/seriesConfig/tooltip.js +32 -0
- package/RadialLineChart/seriesConfig/tooltip.mjs +26 -0
- package/RadialLineChart/seriesConfig/tooltipPosition.d.mts +3 -0
- package/RadialLineChart/seriesConfig/tooltipPosition.d.ts +3 -0
- package/RadialLineChart/seriesConfig/tooltipPosition.js +11 -0
- package/RadialLineChart/seriesConfig/tooltipPosition.mjs +5 -0
- package/RadialLineChart/useRadialLineChartProps.d.mts +28 -0
- package/RadialLineChart/useRadialLineChartProps.d.ts +28 -0
- package/RadialLineChart/useRadialLineChartProps.js +99 -0
- package/RadialLineChart/useRadialLineChartProps.mjs +92 -0
- package/RadialLineChart/useRadialLinePlotData.d.mts +19 -0
- package/RadialLineChart/useRadialLinePlotData.d.ts +19 -0
- package/RadialLineChart/useRadialLinePlotData.js +79 -0
- package/RadialLineChart/useRadialLinePlotData.mjs +72 -0
- package/hooks/useRadialLineSeries.d.mts +34 -0
- package/hooks/useRadialLineSeries.d.ts +34 -0
- package/hooks/useRadialLineSeries.js +45 -0
- package/hooks/useRadialLineSeries.mjs +40 -0
- package/index.d.mts +7 -1
- package/index.d.ts +7 -1
- package/index.js +69 -1
- package/index.mjs +8 -2
- package/models/seriesType/index.d.mts +3 -1
- package/models/seriesType/index.d.ts +3 -1
- package/models/seriesType/index.js +22 -0
- package/models/seriesType/index.mjs +3 -1
- package/models/seriesType/radialBar.d.mts +23 -0
- package/models/seriesType/radialBar.d.ts +23 -0
- package/models/seriesType/radialBar.js +5 -0
- package/models/seriesType/radialBar.mjs +1 -0
- package/models/seriesType/radialLine.d.mts +26 -0
- package/models/seriesType/radialLine.d.ts +26 -0
- package/models/seriesType/radialLine.js +5 -0
- package/models/seriesType/radialLine.mjs +1 -0
- package/package.json +62 -6
- package/typeOverloads/modules.d.mts +48 -2
- package/typeOverloads/modules.d.ts +48 -2
- package/utils/webgl/useWebGLResizeObserver.d.mts +3 -2
- package/utils/webgl/useWebGLResizeObserver.d.ts +3 -2
- package/utils/webgl/useWebGLResizeObserver.js +3 -4
- package/utils/webgl/useWebGLResizeObserver.mjs +3 -4
- package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.mts +0 -4
- package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.ts +0 -4
- package/HeatmapPremium/webgl/HeatmapWebGLRenderer.js +0 -21
- package/HeatmapPremium/webgl/HeatmapWebGLRenderer.mjs +0 -15
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { getLabel } from '@mui/x-charts/internals';
|
|
2
|
+
const tooltipGetter = params => {
|
|
3
|
+
const {
|
|
4
|
+
series,
|
|
5
|
+
getColor,
|
|
6
|
+
identifier
|
|
7
|
+
} = params;
|
|
8
|
+
if (!identifier || identifier.dataIndex === undefined) {
|
|
9
|
+
return null;
|
|
10
|
+
}
|
|
11
|
+
const label = getLabel(series.label, 'tooltip');
|
|
12
|
+
const value = series.data[identifier.dataIndex];
|
|
13
|
+
const formattedValue = series.valueFormatter(value, {
|
|
14
|
+
dataIndex: identifier.dataIndex
|
|
15
|
+
});
|
|
16
|
+
return {
|
|
17
|
+
identifier,
|
|
18
|
+
color: getColor(identifier.dataIndex),
|
|
19
|
+
label,
|
|
20
|
+
value,
|
|
21
|
+
formattedValue,
|
|
22
|
+
markType: series.labelMarkType,
|
|
23
|
+
markShape: series.showMark ? series.shape : undefined
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default tooltipGetter;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
const tooltipItemPositionGetter = () => {
|
|
8
|
+
// Todo: to implement
|
|
9
|
+
return null;
|
|
10
|
+
};
|
|
11
|
+
var _default = exports.default = tooltipItemPositionGetter;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ChartsClipPathProps } from "../ChartsClipPath/index.mjs";
|
|
3
|
+
import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.mjs";
|
|
4
|
+
import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.mjs";
|
|
5
|
+
import { type ChartsOverlayProps } from "../ChartsOverlay/index.mjs";
|
|
6
|
+
import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.mjs";
|
|
7
|
+
import type { RadialLineChartProps } from "./RadialLineChart.mjs";
|
|
8
|
+
import type { ChartsWrapperProps } from "../ChartsWrapper/index.mjs";
|
|
9
|
+
import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.mjs";
|
|
10
|
+
/**
|
|
11
|
+
* A helper function that extracts RadialLineChartProps from the input props
|
|
12
|
+
* and returns an object with props for the children components of RadialLineChart.
|
|
13
|
+
*
|
|
14
|
+
* @param props The input props for RadialLineChart
|
|
15
|
+
* @returns An object with props for the children components of RadialLineChart
|
|
16
|
+
*/
|
|
17
|
+
export declare const useRadialLineChartProps: (props: RadialLineChartProps) => {
|
|
18
|
+
chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
|
|
19
|
+
chartsContainerProps: ChartsRadialDataProviderProps<"radialLine", RadialLineChartPluginSignatures>;
|
|
20
|
+
gridProps: ChartsRadialGridProps | undefined;
|
|
21
|
+
clipPathProps: ChartsClipPathProps;
|
|
22
|
+
clipPathGroupProps: {
|
|
23
|
+
clipPath: string;
|
|
24
|
+
};
|
|
25
|
+
overlayProps: ChartsOverlayProps;
|
|
26
|
+
legendProps: ChartsLegendSlotExtension;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ChartsClipPathProps } from "../ChartsClipPath/index.js";
|
|
3
|
+
import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.js";
|
|
4
|
+
import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
|
|
5
|
+
import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
|
|
6
|
+
import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.js";
|
|
7
|
+
import type { RadialLineChartProps } from "./RadialLineChart.js";
|
|
8
|
+
import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
|
|
9
|
+
import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.js";
|
|
10
|
+
/**
|
|
11
|
+
* A helper function that extracts RadialLineChartProps from the input props
|
|
12
|
+
* and returns an object with props for the children components of RadialLineChart.
|
|
13
|
+
*
|
|
14
|
+
* @param props The input props for RadialLineChart
|
|
15
|
+
* @returns An object with props for the children components of RadialLineChart
|
|
16
|
+
*/
|
|
17
|
+
export declare const useRadialLineChartProps: (props: RadialLineChartProps) => {
|
|
18
|
+
chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
|
|
19
|
+
chartsContainerProps: ChartsRadialDataProviderProps<"radialLine", RadialLineChartPluginSignatures>;
|
|
20
|
+
gridProps: ChartsRadialGridProps | undefined;
|
|
21
|
+
clipPathProps: ChartsClipPathProps;
|
|
22
|
+
clipPathGroupProps: {
|
|
23
|
+
clipPath: string;
|
|
24
|
+
};
|
|
25
|
+
overlayProps: ChartsOverlayProps;
|
|
26
|
+
legendProps: ChartsLegendSlotExtension;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.useRadialLineChartProps = void 0;
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
12
|
+
var React = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _useId = _interopRequireDefault(require("@mui/utils/useId"));
|
|
14
|
+
var _RadialLineChart = require("./RadialLineChart.plugins");
|
|
15
|
+
var _constants = require("../constants");
|
|
16
|
+
const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "disableLineItemHighlight", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
|
|
17
|
+
/**
|
|
18
|
+
* A helper function that extracts RadialLineChartProps from the input props
|
|
19
|
+
* and returns an object with props for the children components of RadialLineChart.
|
|
20
|
+
*
|
|
21
|
+
* @param props The input props for RadialLineChart
|
|
22
|
+
* @returns An object with props for the children components of RadialLineChart
|
|
23
|
+
*/
|
|
24
|
+
const useRadialLineChartProps = props => {
|
|
25
|
+
const {
|
|
26
|
+
rotationAxis,
|
|
27
|
+
radiusAxis,
|
|
28
|
+
series,
|
|
29
|
+
width,
|
|
30
|
+
height,
|
|
31
|
+
margin,
|
|
32
|
+
colors,
|
|
33
|
+
dataset,
|
|
34
|
+
disableLineItemHighlight,
|
|
35
|
+
grid,
|
|
36
|
+
children,
|
|
37
|
+
slots,
|
|
38
|
+
slotProps,
|
|
39
|
+
skipAnimation,
|
|
40
|
+
loading
|
|
41
|
+
} = props,
|
|
42
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
43
|
+
const id = (0, _useId.default)();
|
|
44
|
+
const clipPathId = `${id}-clip-path`;
|
|
45
|
+
const seriesWithDefault = React.useMemo(() => series.map(s => (0, _extends2.default)({
|
|
46
|
+
disableHighlight: !!disableLineItemHighlight,
|
|
47
|
+
type: 'radialLine'
|
|
48
|
+
}, s)), [disableLineItemHighlight, series]);
|
|
49
|
+
const chartsContainerProps = (0, _extends2.default)({}, other, {
|
|
50
|
+
series: seriesWithDefault,
|
|
51
|
+
width,
|
|
52
|
+
height,
|
|
53
|
+
margin,
|
|
54
|
+
colors,
|
|
55
|
+
dataset,
|
|
56
|
+
rotationAxis: rotationAxis ?? [{
|
|
57
|
+
id: _constants.DEFAULT_ROTATION_AXIS_KEY,
|
|
58
|
+
scaleType: 'point',
|
|
59
|
+
data: Array.from({
|
|
60
|
+
length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
|
|
61
|
+
}, (_, index) => index)
|
|
62
|
+
}],
|
|
63
|
+
radiusAxis,
|
|
64
|
+
skipAnimation,
|
|
65
|
+
plugins: _RadialLineChart.RADIAL_LINE_CHART_PLUGINS
|
|
66
|
+
});
|
|
67
|
+
const gridProps = grid;
|
|
68
|
+
const clipPathGroupProps = {
|
|
69
|
+
clipPath: `url(#${clipPathId})`
|
|
70
|
+
};
|
|
71
|
+
const clipPathProps = {
|
|
72
|
+
id: clipPathId
|
|
73
|
+
};
|
|
74
|
+
const overlayProps = {
|
|
75
|
+
slots,
|
|
76
|
+
slotProps,
|
|
77
|
+
loading
|
|
78
|
+
};
|
|
79
|
+
const legendProps = {
|
|
80
|
+
slots,
|
|
81
|
+
slotProps
|
|
82
|
+
};
|
|
83
|
+
const chartsWrapperProps = {
|
|
84
|
+
legendPosition: props.slotProps?.legend?.position,
|
|
85
|
+
legendDirection: props.slotProps?.legend?.direction,
|
|
86
|
+
hideLegend: props.hideLegend ?? false
|
|
87
|
+
};
|
|
88
|
+
return {
|
|
89
|
+
chartsWrapperProps,
|
|
90
|
+
chartsContainerProps,
|
|
91
|
+
gridProps,
|
|
92
|
+
clipPathProps,
|
|
93
|
+
clipPathGroupProps,
|
|
94
|
+
overlayProps,
|
|
95
|
+
legendProps,
|
|
96
|
+
children
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
exports.useRadialLineChartProps = useRadialLineChartProps;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
5
|
+
const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "disableLineItemHighlight", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import useId from '@mui/utils/useId';
|
|
8
|
+
import { RADIAL_LINE_CHART_PLUGINS } from "./RadialLineChart.plugins.mjs";
|
|
9
|
+
import { DEFAULT_ROTATION_AXIS_KEY } from "../constants/index.mjs";
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* A helper function that extracts RadialLineChartProps from the input props
|
|
13
|
+
* and returns an object with props for the children components of RadialLineChart.
|
|
14
|
+
*
|
|
15
|
+
* @param props The input props for RadialLineChart
|
|
16
|
+
* @returns An object with props for the children components of RadialLineChart
|
|
17
|
+
*/
|
|
18
|
+
export const useRadialLineChartProps = props => {
|
|
19
|
+
const {
|
|
20
|
+
rotationAxis,
|
|
21
|
+
radiusAxis,
|
|
22
|
+
series,
|
|
23
|
+
width,
|
|
24
|
+
height,
|
|
25
|
+
margin,
|
|
26
|
+
colors,
|
|
27
|
+
dataset,
|
|
28
|
+
disableLineItemHighlight,
|
|
29
|
+
grid,
|
|
30
|
+
children,
|
|
31
|
+
slots,
|
|
32
|
+
slotProps,
|
|
33
|
+
skipAnimation,
|
|
34
|
+
loading
|
|
35
|
+
} = props,
|
|
36
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
37
|
+
const id = useId();
|
|
38
|
+
const clipPathId = `${id}-clip-path`;
|
|
39
|
+
const seriesWithDefault = React.useMemo(() => series.map(s => _extends({
|
|
40
|
+
disableHighlight: !!disableLineItemHighlight,
|
|
41
|
+
type: 'radialLine'
|
|
42
|
+
}, s)), [disableLineItemHighlight, series]);
|
|
43
|
+
const chartsContainerProps = _extends({}, other, {
|
|
44
|
+
series: seriesWithDefault,
|
|
45
|
+
width,
|
|
46
|
+
height,
|
|
47
|
+
margin,
|
|
48
|
+
colors,
|
|
49
|
+
dataset,
|
|
50
|
+
rotationAxis: rotationAxis ?? [{
|
|
51
|
+
id: DEFAULT_ROTATION_AXIS_KEY,
|
|
52
|
+
scaleType: 'point',
|
|
53
|
+
data: Array.from({
|
|
54
|
+
length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
|
|
55
|
+
}, (_, index) => index)
|
|
56
|
+
}],
|
|
57
|
+
radiusAxis,
|
|
58
|
+
skipAnimation,
|
|
59
|
+
plugins: RADIAL_LINE_CHART_PLUGINS
|
|
60
|
+
});
|
|
61
|
+
const gridProps = grid;
|
|
62
|
+
const clipPathGroupProps = {
|
|
63
|
+
clipPath: `url(#${clipPathId})`
|
|
64
|
+
};
|
|
65
|
+
const clipPathProps = {
|
|
66
|
+
id: clipPathId
|
|
67
|
+
};
|
|
68
|
+
const overlayProps = {
|
|
69
|
+
slots,
|
|
70
|
+
slotProps,
|
|
71
|
+
loading
|
|
72
|
+
};
|
|
73
|
+
const legendProps = {
|
|
74
|
+
slots,
|
|
75
|
+
slotProps
|
|
76
|
+
};
|
|
77
|
+
const chartsWrapperProps = {
|
|
78
|
+
legendPosition: props.slotProps?.legend?.position,
|
|
79
|
+
legendDirection: props.slotProps?.legend?.direction,
|
|
80
|
+
hideLegend: props.hideLegend ?? false
|
|
81
|
+
};
|
|
82
|
+
return {
|
|
83
|
+
chartsWrapperProps,
|
|
84
|
+
chartsContainerProps,
|
|
85
|
+
gridProps,
|
|
86
|
+
clipPathProps,
|
|
87
|
+
clipPathGroupProps,
|
|
88
|
+
overlayProps,
|
|
89
|
+
legendProps,
|
|
90
|
+
children
|
|
91
|
+
};
|
|
92
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type CurveType, type SeriesId } from '@mui/x-charts/models';
|
|
2
|
+
export interface RadialLinePoint {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
radius: number;
|
|
6
|
+
baseRadius: number;
|
|
7
|
+
angle: number;
|
|
8
|
+
dataIndex: number;
|
|
9
|
+
}
|
|
10
|
+
interface RadialLinePlotDataPoint {
|
|
11
|
+
points: RadialLinePoint[];
|
|
12
|
+
seriesId: SeriesId;
|
|
13
|
+
color: string;
|
|
14
|
+
hidden: boolean;
|
|
15
|
+
area?: boolean;
|
|
16
|
+
curve?: CurveType;
|
|
17
|
+
}
|
|
18
|
+
export declare function useRadialLinePlotData(): RadialLinePlotDataPoint[];
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type CurveType, type SeriesId } from '@mui/x-charts/models';
|
|
2
|
+
export interface RadialLinePoint {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
radius: number;
|
|
6
|
+
baseRadius: number;
|
|
7
|
+
angle: number;
|
|
8
|
+
dataIndex: number;
|
|
9
|
+
}
|
|
10
|
+
interface RadialLinePlotDataPoint {
|
|
11
|
+
points: RadialLinePoint[];
|
|
12
|
+
seriesId: SeriesId;
|
|
13
|
+
color: string;
|
|
14
|
+
hidden: boolean;
|
|
15
|
+
area?: boolean;
|
|
16
|
+
curve?: CurveType;
|
|
17
|
+
}
|
|
18
|
+
export declare function useRadialLinePlotData(): RadialLinePlotDataPoint[];
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useRadialLinePlotData = useRadialLinePlotData;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _hooks = require("@mui/x-charts/hooks");
|
|
10
|
+
var _internals = require("@mui/x-charts/internals");
|
|
11
|
+
var _useRadialLineSeries = require("../hooks/useRadialLineSeries");
|
|
12
|
+
function useRadialLinePlotData() {
|
|
13
|
+
const {
|
|
14
|
+
instance
|
|
15
|
+
} = (0, _internals.useChartsContext)();
|
|
16
|
+
const {
|
|
17
|
+
radiusAxis: radiusAxisMap,
|
|
18
|
+
radiusAxisIds
|
|
19
|
+
} = (0, _hooks.useRadiusAxes)();
|
|
20
|
+
const {
|
|
21
|
+
rotationAxis: rotationAxisMap,
|
|
22
|
+
rotationAxisIds
|
|
23
|
+
} = (0, _hooks.useRotationAxes)();
|
|
24
|
+
const seriesData = (0, _useRadialLineSeries.useRadialLineSeriesContext)();
|
|
25
|
+
return React.useMemo(() => {
|
|
26
|
+
if (seriesData === undefined || !radiusAxisMap || !rotationAxisMap) {
|
|
27
|
+
return [];
|
|
28
|
+
}
|
|
29
|
+
const {
|
|
30
|
+
series,
|
|
31
|
+
stackingGroups
|
|
32
|
+
} = seriesData;
|
|
33
|
+
const plotData = [];
|
|
34
|
+
for (const stackingGroup of stackingGroups) {
|
|
35
|
+
for (const seriesId of stackingGroup.ids) {
|
|
36
|
+
const {
|
|
37
|
+
stackedData,
|
|
38
|
+
data,
|
|
39
|
+
hidden,
|
|
40
|
+
area = false,
|
|
41
|
+
curve,
|
|
42
|
+
rotationAxisId = rotationAxisIds[0],
|
|
43
|
+
radiusAxisId = radiusAxisIds[0]
|
|
44
|
+
} = series[seriesId];
|
|
45
|
+
const radiusAxis = radiusAxisMap[radiusAxisId];
|
|
46
|
+
const rotationAxis = rotationAxisMap[rotationAxisId];
|
|
47
|
+
const points = [];
|
|
48
|
+
for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
|
|
49
|
+
if (data[dataIndex] == null) {
|
|
50
|
+
continue;
|
|
51
|
+
}
|
|
52
|
+
const value = stackedData[dataIndex]?.[1] ?? data[dataIndex];
|
|
53
|
+
const baseValue = stackedData[dataIndex]?.[0] ?? radiusAxis.scale.domain()[0];
|
|
54
|
+
const radius = radiusAxis.scale(value);
|
|
55
|
+
const baseRadius = radiusAxis.scale(baseValue);
|
|
56
|
+
const angle = rotationAxis.scale(rotationAxis.data[dataIndex]);
|
|
57
|
+
const [x, y] = instance.polar2svg(radius, angle);
|
|
58
|
+
points.push({
|
|
59
|
+
x,
|
|
60
|
+
y,
|
|
61
|
+
radius,
|
|
62
|
+
baseRadius,
|
|
63
|
+
angle,
|
|
64
|
+
dataIndex
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
plotData.push({
|
|
68
|
+
color: series[seriesId].color,
|
|
69
|
+
points,
|
|
70
|
+
seriesId,
|
|
71
|
+
hidden,
|
|
72
|
+
area,
|
|
73
|
+
curve
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
return plotData;
|
|
78
|
+
}, [seriesData, radiusAxisMap, rotationAxisMap, radiusAxisIds, rotationAxisIds, instance]);
|
|
79
|
+
}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useRadiusAxes, useRotationAxes } from '@mui/x-charts/hooks';
|
|
3
|
+
import { useChartsContext } from '@mui/x-charts/internals';
|
|
4
|
+
import { useRadialLineSeriesContext } from "../hooks/useRadialLineSeries.mjs";
|
|
5
|
+
export function useRadialLinePlotData() {
|
|
6
|
+
const {
|
|
7
|
+
instance
|
|
8
|
+
} = useChartsContext();
|
|
9
|
+
const {
|
|
10
|
+
radiusAxis: radiusAxisMap,
|
|
11
|
+
radiusAxisIds
|
|
12
|
+
} = useRadiusAxes();
|
|
13
|
+
const {
|
|
14
|
+
rotationAxis: rotationAxisMap,
|
|
15
|
+
rotationAxisIds
|
|
16
|
+
} = useRotationAxes();
|
|
17
|
+
const seriesData = useRadialLineSeriesContext();
|
|
18
|
+
return React.useMemo(() => {
|
|
19
|
+
if (seriesData === undefined || !radiusAxisMap || !rotationAxisMap) {
|
|
20
|
+
return [];
|
|
21
|
+
}
|
|
22
|
+
const {
|
|
23
|
+
series,
|
|
24
|
+
stackingGroups
|
|
25
|
+
} = seriesData;
|
|
26
|
+
const plotData = [];
|
|
27
|
+
for (const stackingGroup of stackingGroups) {
|
|
28
|
+
for (const seriesId of stackingGroup.ids) {
|
|
29
|
+
const {
|
|
30
|
+
stackedData,
|
|
31
|
+
data,
|
|
32
|
+
hidden,
|
|
33
|
+
area = false,
|
|
34
|
+
curve,
|
|
35
|
+
rotationAxisId = rotationAxisIds[0],
|
|
36
|
+
radiusAxisId = radiusAxisIds[0]
|
|
37
|
+
} = series[seriesId];
|
|
38
|
+
const radiusAxis = radiusAxisMap[radiusAxisId];
|
|
39
|
+
const rotationAxis = rotationAxisMap[rotationAxisId];
|
|
40
|
+
const points = [];
|
|
41
|
+
for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
|
|
42
|
+
if (data[dataIndex] == null) {
|
|
43
|
+
continue;
|
|
44
|
+
}
|
|
45
|
+
const value = stackedData[dataIndex]?.[1] ?? data[dataIndex];
|
|
46
|
+
const baseValue = stackedData[dataIndex]?.[0] ?? radiusAxis.scale.domain()[0];
|
|
47
|
+
const radius = radiusAxis.scale(value);
|
|
48
|
+
const baseRadius = radiusAxis.scale(baseValue);
|
|
49
|
+
const angle = rotationAxis.scale(rotationAxis.data[dataIndex]);
|
|
50
|
+
const [x, y] = instance.polar2svg(radius, angle);
|
|
51
|
+
points.push({
|
|
52
|
+
x,
|
|
53
|
+
y,
|
|
54
|
+
radius,
|
|
55
|
+
baseRadius,
|
|
56
|
+
angle,
|
|
57
|
+
dataIndex
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
plotData.push({
|
|
61
|
+
color: series[seriesId].color,
|
|
62
|
+
points,
|
|
63
|
+
seriesId,
|
|
64
|
+
hidden,
|
|
65
|
+
area,
|
|
66
|
+
curve
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return plotData;
|
|
71
|
+
}, [seriesData, radiusAxisMap, rotationAxisMap, radiusAxisIds, rotationAxisIds, instance]);
|
|
72
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type ChartSeriesDefaultized, type ProcessedSeries } from '@mui/x-charts/internals';
|
|
2
|
+
import { type SeriesId } from '@mui/x-charts/models';
|
|
3
|
+
export type UseRadialLineSeriesReturnValue = ChartSeriesDefaultized<'radialLine'>;
|
|
4
|
+
export type UseRadialLineSeriesContextReturnValue = ProcessedSeries['radialLine'];
|
|
5
|
+
/**
|
|
6
|
+
* Get access to the internal state of radial line series.
|
|
7
|
+
*
|
|
8
|
+
* @param {SeriesId} seriesId The id of the series to get.
|
|
9
|
+
* @returns {UseRadialLineSeriesReturnValue} the radial line series
|
|
10
|
+
*/
|
|
11
|
+
export declare function useRadialLineSeries(seriesId: SeriesId): UseRadialLineSeriesReturnValue | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* Get access to the internal state of radial line series.
|
|
14
|
+
*
|
|
15
|
+
* When called without arguments, it returns all radial line series.
|
|
16
|
+
*
|
|
17
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
18
|
+
*/
|
|
19
|
+
export declare function useRadialLineSeries(): UseRadialLineSeriesReturnValue[];
|
|
20
|
+
/**
|
|
21
|
+
* Get access to the internal state of radial line series.
|
|
22
|
+
*
|
|
23
|
+
* @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
|
|
24
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
25
|
+
*/
|
|
26
|
+
export declare function useRadialLineSeries(seriesIds: SeriesId[]): UseRadialLineSeriesReturnValue[];
|
|
27
|
+
/**
|
|
28
|
+
* Get access to the internal state of radial line series.
|
|
29
|
+
* The returned object contains:
|
|
30
|
+
* - series: a mapping from ids to series attributes.
|
|
31
|
+
* - seriesOrder: the array of series ids.
|
|
32
|
+
* @returns the radial line series
|
|
33
|
+
*/
|
|
34
|
+
export declare function useRadialLineSeriesContext(): UseRadialLineSeriesContextReturnValue;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type ChartSeriesDefaultized, type ProcessedSeries } from '@mui/x-charts/internals';
|
|
2
|
+
import { type SeriesId } from '@mui/x-charts/models';
|
|
3
|
+
export type UseRadialLineSeriesReturnValue = ChartSeriesDefaultized<'radialLine'>;
|
|
4
|
+
export type UseRadialLineSeriesContextReturnValue = ProcessedSeries['radialLine'];
|
|
5
|
+
/**
|
|
6
|
+
* Get access to the internal state of radial line series.
|
|
7
|
+
*
|
|
8
|
+
* @param {SeriesId} seriesId The id of the series to get.
|
|
9
|
+
* @returns {UseRadialLineSeriesReturnValue} the radial line series
|
|
10
|
+
*/
|
|
11
|
+
export declare function useRadialLineSeries(seriesId: SeriesId): UseRadialLineSeriesReturnValue | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* Get access to the internal state of radial line series.
|
|
14
|
+
*
|
|
15
|
+
* When called without arguments, it returns all radial line series.
|
|
16
|
+
*
|
|
17
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
18
|
+
*/
|
|
19
|
+
export declare function useRadialLineSeries(): UseRadialLineSeriesReturnValue[];
|
|
20
|
+
/**
|
|
21
|
+
* Get access to the internal state of radial line series.
|
|
22
|
+
*
|
|
23
|
+
* @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
|
|
24
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
25
|
+
*/
|
|
26
|
+
export declare function useRadialLineSeries(seriesIds: SeriesId[]): UseRadialLineSeriesReturnValue[];
|
|
27
|
+
/**
|
|
28
|
+
* Get access to the internal state of radial line series.
|
|
29
|
+
* The returned object contains:
|
|
30
|
+
* - series: a mapping from ids to series attributes.
|
|
31
|
+
* - seriesOrder: the array of series ids.
|
|
32
|
+
* @returns the radial line series
|
|
33
|
+
*/
|
|
34
|
+
export declare function useRadialLineSeriesContext(): UseRadialLineSeriesContextReturnValue;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useRadialLineSeries = useRadialLineSeries;
|
|
8
|
+
exports.useRadialLineSeriesContext = useRadialLineSeriesContext;
|
|
9
|
+
var _internals = require("@mui/x-charts/internals");
|
|
10
|
+
/**
|
|
11
|
+
* Get access to the internal state of radial line series.
|
|
12
|
+
*
|
|
13
|
+
* @param {SeriesId} seriesId The id of the series to get.
|
|
14
|
+
* @returns {UseRadialLineSeriesReturnValue} the radial line series
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Get access to the internal state of radial line series.
|
|
19
|
+
*
|
|
20
|
+
* When called without arguments, it returns all radial line series.
|
|
21
|
+
*
|
|
22
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Get access to the internal state of radial line series.
|
|
27
|
+
*
|
|
28
|
+
* @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
|
|
29
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
function useRadialLineSeries(seriesIds) {
|
|
33
|
+
return (0, _internals.useSeriesOfType)('radialLine', seriesIds);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Get access to the internal state of radial line series.
|
|
38
|
+
* The returned object contains:
|
|
39
|
+
* - series: a mapping from ids to series attributes.
|
|
40
|
+
* - seriesOrder: the array of series ids.
|
|
41
|
+
* @returns the radial line series
|
|
42
|
+
*/
|
|
43
|
+
function useRadialLineSeriesContext() {
|
|
44
|
+
return (0, _internals.useAllSeriesOfType)('radialLine');
|
|
45
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { useAllSeriesOfType, useSeriesOfType } from '@mui/x-charts/internals';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Get access to the internal state of radial line series.
|
|
7
|
+
*
|
|
8
|
+
* @param {SeriesId} seriesId The id of the series to get.
|
|
9
|
+
* @returns {UseRadialLineSeriesReturnValue} the radial line series
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Get access to the internal state of radial line series.
|
|
14
|
+
*
|
|
15
|
+
* When called without arguments, it returns all radial line series.
|
|
16
|
+
*
|
|
17
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Get access to the internal state of radial line series.
|
|
22
|
+
*
|
|
23
|
+
* @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
|
|
24
|
+
* @returns {UseRadialLineSeriesReturnValue[]} the radial line series
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
export function useRadialLineSeries(seriesIds) {
|
|
28
|
+
return useSeriesOfType('radialLine', seriesIds);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Get access to the internal state of radial line series.
|
|
33
|
+
* The returned object contains:
|
|
34
|
+
* - series: a mapping from ids to series attributes.
|
|
35
|
+
* - seriesOrder: the array of series ids.
|
|
36
|
+
* @returns the radial line series
|
|
37
|
+
*/
|
|
38
|
+
export function useRadialLineSeriesContext() {
|
|
39
|
+
return useAllSeriesOfType('radialLine');
|
|
40
|
+
}
|
package/index.d.mts
CHANGED
|
@@ -21,6 +21,10 @@ export * from '@mui/x-charts/RadarChart';
|
|
|
21
21
|
export * from '@mui/x-charts/ChartsSurface';
|
|
22
22
|
export * from '@mui/x-charts/ChartsDataProvider';
|
|
23
23
|
export * from '@mui/x-charts/ChartsLabel';
|
|
24
|
+
export * from '@mui/x-charts/ChartsRadialDataProvider';
|
|
25
|
+
export * from '@mui/x-charts/ChartsRadialGrid';
|
|
26
|
+
export * from '@mui/x-charts/ChartsRadiusAxis';
|
|
27
|
+
export { type ChartsRotationAxisProps, Unstable_ChartsRotationAxis } from '@mui/x-charts/ChartsRotationAxis';
|
|
24
28
|
export * from '@mui/x-charts-pro/Heatmap';
|
|
25
29
|
export { ChartsContainerPro } from '@mui/x-charts-pro/ChartsContainerPro';
|
|
26
30
|
export type { ChartsContainerProProps } from '@mui/x-charts-pro/ChartsContainerPro';
|
|
@@ -42,8 +46,10 @@ export * from "./models/index.mjs";
|
|
|
42
46
|
export * from "./plugins/index.mjs";
|
|
43
47
|
export * from "./ChartsRenderer/index.mjs";
|
|
44
48
|
export * from "./ChartsDataProviderPremium/index.mjs";
|
|
49
|
+
export * from "./ChartsRadialDataProviderPremium/index.mjs";
|
|
45
50
|
export * from "./ChartsContainerPremium/index.mjs";
|
|
46
51
|
export * from "./BarChartPremium/index.mjs";
|
|
47
52
|
export * from "./HeatmapPremium/index.mjs";
|
|
48
53
|
export * from "./ChartsWebGLLayer/index.mjs";
|
|
49
|
-
export * from "./CandlestickChart/index.mjs";
|
|
54
|
+
export * from "./CandlestickChart/index.mjs";
|
|
55
|
+
export * from "./RadialLineChart/index.mjs";
|