@mui/x-charts 6.0.0-alpha.9 → 6.18.1
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/BarChart/BarChart.d.ts +26 -5
- package/BarChart/BarChart.js +93 -17
- package/BarChart/BarElement.d.ts +1319 -4
- package/BarChart/BarElement.js +10 -10
- package/BarChart/BarPlot.d.ts +17 -1
- package/BarChart/BarPlot.js +152 -66
- package/BarChart/formatter.js +2 -3
- package/BarChart/legend.js +1 -2
- package/CHANGELOG.md +797 -59
- package/ChartContainer/index.js +7 -5
- package/ChartsAxis/ChartsAxis.d.ts +9 -0
- package/ChartsAxis/ChartsAxis.js +33 -7
- package/ChartsAxis/axisClasses.d.ts +3 -3
- package/ChartsAxis/axisClasses.js +1 -2
- package/ChartsAxisHighlight/ChartsAxisHighlight.d.ts +21 -0
- package/ChartsAxisHighlight/ChartsAxisHighlight.js +61 -22
- package/ChartsClipPath/ChartsClipPath.d.ts +5 -0
- package/ChartsClipPath/ChartsClipPath.js +7 -2
- package/ChartsLegend/ChartsLegend.d.ts +45 -24
- package/ChartsLegend/ChartsLegend.js +193 -151
- package/ChartsLegend/chartsLegendClasses.d.ts +1 -1
- package/ChartsLegend/chartsLegendClasses.js +3 -4
- package/ChartsLegend/utils.d.ts +1 -6
- package/ChartsReferenceLine/ChartsReferenceLine.d.ts +10 -0
- package/ChartsReferenceLine/ChartsReferenceLine.js +78 -0
- package/ChartsReferenceLine/ChartsXReferenceLine.d.ts +13 -0
- package/ChartsReferenceLine/ChartsXReferenceLine.js +112 -0
- package/ChartsReferenceLine/ChartsYReferenceLine.d.ts +13 -0
- package/ChartsReferenceLine/ChartsYReferenceLine.js +112 -0
- package/ChartsReferenceLine/chartsReferenceLineClasses.d.ts +15 -0
- package/ChartsReferenceLine/chartsReferenceLineClasses.js +14 -0
- package/ChartsReferenceLine/common.d.ts +41 -0
- package/ChartsReferenceLine/common.js +27 -0
- package/ChartsReferenceLine/index.d.ts +2 -0
- package/ChartsReferenceLine/index.js +27 -0
- package/ChartsReferenceLine/package.json +6 -0
- package/ChartsSurface.d.ts +12 -1
- package/ChartsSurface.js +9 -18
- package/ChartsTooltip/ChartsAxisTooltipContent.d.ts +1 -0
- package/ChartsTooltip/ChartsAxisTooltipContent.js +46 -32
- package/ChartsTooltip/ChartsItemTooltipContent.d.ts +3 -2
- package/ChartsTooltip/ChartsItemTooltipContent.js +18 -9
- package/ChartsTooltip/ChartsTooltip.d.ts +32 -0
- package/ChartsTooltip/ChartsTooltip.js +62 -18
- package/ChartsTooltip/ChartsTooltipTable.d.ts +3 -10
- package/ChartsTooltip/ChartsTooltipTable.js +22 -20
- package/ChartsTooltip/tooltipClasses.js +1 -2
- package/ChartsTooltip/utils.js +2 -2
- package/ChartsXAxis/ChartsXAxis.d.ts +9 -0
- package/ChartsXAxis/ChartsXAxis.js +170 -45
- package/ChartsYAxis/ChartsYAxis.d.ts +9 -0
- package/ChartsYAxis/ChartsYAxis.js +95 -38
- package/LineChart/AreaElement.d.ts +11 -1
- package/LineChart/AreaElement.js +14 -6
- package/LineChart/AreaPlot.d.ts +11 -0
- package/LineChart/AreaPlot.js +27 -8
- package/LineChart/LineChart.d.ts +23 -3
- package/LineChart/LineChart.js +89 -17
- package/LineChart/LineElement.d.ts +11 -1
- package/LineChart/LineElement.js +14 -6
- package/LineChart/LineHighlightElement.d.ts +10 -0
- package/LineChart/LineHighlightElement.js +13 -4
- package/LineChart/LineHighlightPlot.d.ts +10 -0
- package/LineChart/LineHighlightPlot.js +15 -4
- package/LineChart/LinePlot.d.ts +10 -0
- package/LineChart/LinePlot.js +25 -12
- package/LineChart/MarkElement.d.ts +10 -0
- package/LineChart/MarkElement.js +14 -5
- package/LineChart/MarkPlot.d.ts +10 -0
- package/LineChart/MarkPlot.js +42 -10
- package/LineChart/formatter.js +5 -5
- package/LineChart/legend.js +1 -2
- package/PieChart/PieArc.d.ts +11 -13
- package/PieChart/PieArc.js +28 -60
- package/PieChart/PieArcLabel.d.ts +8 -9
- package/PieChart/PieArcLabel.js +46 -38
- package/PieChart/PieArcLabelPlot.d.ts +28 -0
- package/PieChart/PieArcLabelPlot.js +99 -0
- package/PieChart/PieArcPlot.d.ts +35 -0
- package/PieChart/PieArcPlot.js +92 -0
- package/PieChart/PieChart.d.ts +19 -5
- package/PieChart/PieChart.js +95 -18
- package/PieChart/PiePlot.d.ts +15 -9
- package/PieChart/PiePlot.js +77 -55
- package/PieChart/dataTransform/transition.d.ts +4 -0
- package/PieChart/dataTransform/transition.js +136 -0
- package/PieChart/dataTransform/useTransformData.d.ts +15 -0
- package/PieChart/dataTransform/useTransformData.js +67 -0
- package/PieChart/formatter.js +1 -2
- package/PieChart/legend.js +1 -2
- package/README.md +8 -14
- package/ResponsiveChartContainer/index.d.ts +13 -3
- package/ResponsiveChartContainer/index.js +7 -8
- package/ScatterChart/Scatter.d.ts +10 -0
- package/ScatterChart/Scatter.js +12 -2
- package/ScatterChart/ScatterChart.d.ts +16 -3
- package/ScatterChart/ScatterChart.js +77 -16
- package/ScatterChart/ScatterPlot.d.ts +10 -0
- package/ScatterChart/ScatterPlot.js +12 -2
- package/ScatterChart/formatter.js +1 -2
- package/ScatterChart/legend.js +1 -2
- package/SparkLineChart/SparkLineChart.d.ts +12 -3
- package/SparkLineChart/SparkLineChart.js +50 -7
- package/colorPalettes/colorPalettes.js +6 -12
- package/constants.js +5 -8
- package/context/CartesianContextProvider.d.ts +26 -1
- package/context/CartesianContextProvider.js +42 -16
- package/context/DrawingProvider.d.ts +25 -0
- package/context/DrawingProvider.js +18 -6
- package/context/HighlightProvider.d.ts +17 -0
- package/context/HighlightProvider.js +3 -4
- package/context/InteractionProvider.d.ts +6 -0
- package/context/InteractionProvider.js +3 -4
- package/context/SeriesContextProvider.d.ts +5 -0
- package/context/SeriesContextProvider.js +3 -4
- package/esm/BarChart/BarChart.js +90 -13
- package/esm/BarChart/BarElement.js +7 -4
- package/esm/BarChart/BarPlot.js +152 -67
- package/esm/BarChart/formatter.js +1 -1
- package/esm/ChartContainer/index.js +3 -0
- package/esm/ChartsAxis/ChartsAxis.js +32 -5
- package/esm/ChartsAxisHighlight/ChartsAxisHighlight.js +57 -20
- package/esm/ChartsClipPath/ChartsClipPath.js +5 -0
- package/esm/ChartsLegend/ChartsLegend.js +190 -144
- package/esm/ChartsLegend/chartsLegendClasses.js +1 -1
- package/esm/ChartsReferenceLine/ChartsReferenceLine.js +70 -0
- package/esm/ChartsReferenceLine/ChartsXReferenceLine.js +105 -0
- package/esm/ChartsReferenceLine/ChartsYReferenceLine.js +105 -0
- package/esm/ChartsReferenceLine/chartsReferenceLineClasses.js +6 -0
- package/esm/ChartsReferenceLine/common.js +20 -0
- package/esm/ChartsReferenceLine/index.js +2 -0
- package/esm/ChartsSurface.js +4 -12
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +44 -30
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +15 -7
- package/esm/ChartsTooltip/ChartsTooltip.js +59 -14
- package/esm/ChartsTooltip/ChartsTooltipTable.js +17 -10
- package/esm/ChartsXAxis/ChartsXAxis.js +168 -43
- package/esm/ChartsYAxis/ChartsYAxis.js +93 -36
- package/esm/LineChart/AreaElement.js +10 -0
- package/esm/LineChart/AreaPlot.js +26 -6
- package/esm/LineChart/LineChart.js +86 -13
- package/esm/LineChart/LineElement.js +10 -0
- package/esm/LineChart/LineHighlightElement.js +10 -0
- package/esm/LineChart/LineHighlightPlot.js +13 -2
- package/esm/LineChart/LinePlot.js +25 -14
- package/esm/LineChart/MarkElement.js +11 -1
- package/esm/LineChart/MarkPlot.js +40 -8
- package/esm/LineChart/formatter.js +7 -3
- package/esm/PieChart/PieArc.js +26 -58
- package/esm/PieChart/PieArcLabel.js +43 -34
- package/esm/PieChart/PieArcLabelPlot.js +92 -0
- package/esm/PieChart/PieArcPlot.js +84 -0
- package/esm/PieChart/PieChart.js +93 -16
- package/esm/PieChart/PiePlot.js +76 -57
- package/esm/PieChart/dataTransform/transition.js +130 -0
- package/esm/PieChart/dataTransform/useTransformData.js +59 -0
- package/esm/ResponsiveChartContainer/index.js +3 -3
- package/esm/ScatterChart/Scatter.js +10 -0
- package/esm/ScatterChart/ScatterChart.js +74 -12
- package/esm/ScatterChart/ScatterPlot.js +10 -0
- package/esm/SparkLineChart/SparkLineChart.js +47 -3
- package/esm/constants.js +1 -1
- package/esm/context/CartesianContextProvider.js +41 -14
- package/esm/context/DrawingProvider.js +14 -0
- package/esm/hooks/useChartDimensions.js +2 -0
- package/esm/hooks/useMounted.js +16 -0
- package/esm/hooks/useReducedMotion.js +27 -0
- package/esm/hooks/useTicks.js +15 -9
- package/esm/index.js +1 -0
- package/esm/internals/components/AxisSharedComponents.js +15 -70
- package/esm/internals/components/ChartsText.js +77 -0
- package/esm/internals/domUtils.js +113 -0
- package/esm/internals/geometry.js +36 -0
- package/hooks/useAxisEvents.js +2 -2
- package/hooks/useChartDimensions.d.ts +2 -0
- package/hooks/useChartDimensions.js +5 -4
- package/hooks/useDrawingArea.js +2 -2
- package/hooks/useInteractionItemProps.js +2 -2
- package/hooks/useMounted.d.ts +1 -0
- package/hooks/useMounted.js +25 -0
- package/hooks/useReducedMotion.d.ts +8 -0
- package/hooks/useReducedMotion.js +33 -0
- package/hooks/useScale.d.ts +2 -2
- package/hooks/useScale.js +2 -2
- package/hooks/useTicks.d.ts +19 -11
- package/hooks/useTicks.js +19 -14
- package/index.d.ts +1 -0
- package/index.js +12 -1
- package/internals/components/AxisSharedComponents.d.ts +0 -4
- package/internals/components/AxisSharedComponents.js +18 -78
- package/internals/components/ChartsText.d.ts +35 -0
- package/internals/components/ChartsText.js +87 -0
- package/internals/defaultizeColor.d.ts +7 -2
- package/internals/defaultizeValueFormatter.js +1 -2
- package/internals/domUtils.d.ts +13 -0
- package/internals/domUtils.js +122 -0
- package/internals/geometry.d.ts +9 -0
- package/internals/geometry.js +42 -0
- package/internals/isBandScale.d.ts +3 -1
- package/internals/stackSeries.js +2 -4
- package/internals/utils.d.ts +5 -0
- package/legacy/BarChart/BarChart.js +90 -13
- package/legacy/BarChart/BarElement.js +6 -3
- package/legacy/BarChart/BarPlot.js +151 -63
- package/legacy/BarChart/formatter.js +1 -1
- package/legacy/ChartContainer/index.js +3 -0
- package/legacy/ChartsAxis/ChartsAxis.js +32 -5
- package/legacy/ChartsAxisHighlight/ChartsAxisHighlight.js +60 -20
- package/legacy/ChartsClipPath/ChartsClipPath.js +5 -0
- package/legacy/ChartsLegend/ChartsLegend.js +205 -142
- package/legacy/ChartsLegend/chartsLegendClasses.js +1 -1
- package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +70 -0
- package/legacy/ChartsReferenceLine/ChartsXReferenceLine.js +105 -0
- package/legacy/ChartsReferenceLine/ChartsYReferenceLine.js +105 -0
- package/legacy/ChartsReferenceLine/chartsReferenceLineClasses.js +6 -0
- package/legacy/ChartsReferenceLine/common.js +20 -0
- package/legacy/ChartsReferenceLine/index.js +2 -0
- package/legacy/ChartsSurface.js +3 -12
- package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +22 -10
- package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +15 -7
- package/legacy/ChartsTooltip/ChartsTooltip.js +62 -14
- package/legacy/ChartsTooltip/ChartsTooltipTable.js +34 -26
- package/legacy/ChartsXAxis/ChartsXAxis.js +176 -50
- package/legacy/ChartsYAxis/ChartsYAxis.js +97 -41
- package/legacy/LineChart/AreaElement.js +10 -0
- package/legacy/LineChart/AreaPlot.js +31 -7
- package/legacy/LineChart/LineChart.js +86 -13
- package/legacy/LineChart/LineElement.js +10 -0
- package/legacy/LineChart/LineHighlightElement.js +10 -0
- package/legacy/LineChart/LineHighlightPlot.js +13 -2
- package/legacy/LineChart/LinePlot.js +29 -12
- package/legacy/LineChart/MarkElement.js +11 -1
- package/legacy/LineChart/MarkPlot.js +39 -8
- package/legacy/LineChart/formatter.js +7 -3
- package/legacy/PieChart/PieArc.js +30 -62
- package/legacy/PieChart/PieArcLabel.js +48 -34
- package/legacy/PieChart/PieArcLabelPlot.js +93 -0
- package/legacy/PieChart/PieArcPlot.js +84 -0
- package/legacy/PieChart/PieChart.js +93 -16
- package/legacy/PieChart/PiePlot.js +76 -59
- package/legacy/PieChart/dataTransform/transition.js +142 -0
- package/legacy/PieChart/dataTransform/useTransformData.js +60 -0
- package/legacy/ResponsiveChartContainer/index.js +3 -3
- package/legacy/ScatterChart/Scatter.js +10 -0
- package/legacy/ScatterChart/ScatterChart.js +74 -12
- package/legacy/ScatterChart/ScatterPlot.js +10 -0
- package/legacy/SparkLineChart/SparkLineChart.js +47 -3
- package/legacy/constants.js +1 -1
- package/legacy/context/CartesianContextProvider.js +41 -14
- package/legacy/context/DrawingProvider.js +14 -0
- package/legacy/hooks/useChartDimensions.js +2 -0
- package/legacy/hooks/useMounted.js +21 -0
- package/legacy/hooks/useReducedMotion.js +27 -0
- package/legacy/hooks/useTicks.js +16 -9
- package/legacy/index.js +2 -1
- package/legacy/internals/components/AxisSharedComponents.js +11 -65
- package/legacy/internals/components/ChartsText.js +79 -0
- package/legacy/internals/domUtils.js +121 -0
- package/legacy/internals/geometry.js +37 -0
- package/models/axis.d.ts +58 -20
- package/models/layout.d.ts +13 -6
- package/models/seriesType/common.d.ts +16 -0
- package/models/seriesType/line.d.ts +8 -3
- package/models/seriesType/pie.d.ts +5 -1
- package/modern/BarChart/BarChart.js +90 -13
- package/modern/BarChart/BarElement.js +7 -4
- package/modern/BarChart/BarPlot.js +149 -65
- package/modern/BarChart/formatter.js +1 -1
- package/modern/ChartContainer/index.js +3 -0
- package/modern/ChartsAxis/ChartsAxis.js +31 -5
- package/modern/ChartsAxisHighlight/ChartsAxisHighlight.js +57 -20
- package/modern/ChartsClipPath/ChartsClipPath.js +5 -0
- package/modern/ChartsLegend/ChartsLegend.js +190 -144
- package/modern/ChartsLegend/chartsLegendClasses.js +1 -1
- package/modern/ChartsReferenceLine/ChartsReferenceLine.js +70 -0
- package/modern/ChartsReferenceLine/ChartsXReferenceLine.js +104 -0
- package/modern/ChartsReferenceLine/ChartsYReferenceLine.js +104 -0
- package/modern/ChartsReferenceLine/chartsReferenceLineClasses.js +6 -0
- package/modern/ChartsReferenceLine/common.js +20 -0
- package/modern/ChartsReferenceLine/index.js +2 -0
- package/modern/ChartsSurface.js +4 -12
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +44 -30
- package/modern/ChartsTooltip/ChartsItemTooltipContent.js +15 -7
- package/modern/ChartsTooltip/ChartsTooltip.js +58 -14
- package/modern/ChartsTooltip/ChartsTooltipTable.js +17 -10
- package/modern/ChartsXAxis/ChartsXAxis.js +167 -42
- package/modern/ChartsYAxis/ChartsYAxis.js +92 -35
- package/modern/LineChart/AreaElement.js +10 -0
- package/modern/LineChart/AreaPlot.js +25 -6
- package/modern/LineChart/LineChart.js +86 -13
- package/modern/LineChart/LineElement.js +10 -0
- package/modern/LineChart/LineHighlightElement.js +10 -0
- package/modern/LineChart/LineHighlightPlot.js +13 -2
- package/modern/LineChart/LinePlot.js +23 -10
- package/modern/LineChart/MarkElement.js +11 -1
- package/modern/LineChart/MarkPlot.js +40 -8
- package/modern/LineChart/formatter.js +4 -3
- package/modern/PieChart/PieArc.js +26 -57
- package/modern/PieChart/PieArcLabel.js +43 -34
- package/modern/PieChart/PieArcLabelPlot.js +90 -0
- package/modern/PieChart/PieArcPlot.js +83 -0
- package/modern/PieChart/PieChart.js +93 -16
- package/modern/PieChart/PiePlot.js +76 -55
- package/modern/PieChart/dataTransform/transition.js +130 -0
- package/modern/PieChart/dataTransform/useTransformData.js +58 -0
- package/modern/ResponsiveChartContainer/index.js +3 -3
- package/modern/ScatterChart/Scatter.js +10 -0
- package/modern/ScatterChart/ScatterChart.js +74 -12
- package/modern/ScatterChart/ScatterPlot.js +10 -0
- package/modern/SparkLineChart/SparkLineChart.js +47 -3
- package/modern/constants.js +1 -1
- package/modern/context/CartesianContextProvider.js +40 -13
- package/modern/context/DrawingProvider.js +14 -0
- package/modern/hooks/useChartDimensions.js +2 -0
- package/modern/hooks/useMounted.js +16 -0
- package/modern/hooks/useReducedMotion.js +27 -0
- package/modern/hooks/useTicks.js +15 -9
- package/modern/index.js +2 -1
- package/modern/internals/components/AxisSharedComponents.js +15 -70
- package/modern/internals/components/ChartsText.js +77 -0
- package/modern/internals/domUtils.js +113 -0
- package/modern/internals/geometry.js +36 -0
- package/package.json +9 -6
- package/themeAugmentation/components.d.ts +1 -0
- package/themeAugmentation/overrides.d.ts +2 -0
|
@@ -20,9 +20,10 @@ var _SeriesContextProvider = require("./SeriesContextProvider");
|
|
|
20
20
|
var _constants = require("../constants");
|
|
21
21
|
var _useTicks = require("../hooks/useTicks");
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
-
function _getRequireWildcardCache(
|
|
24
|
-
function _interopRequireWildcard(
|
|
25
|
-
const DEFAULT_CATEGORY_GAP_RATIO = 0.
|
|
23
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
25
|
+
const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
|
|
26
|
+
const DEFAULT_BAR_GAP_RATIO = 0.1;
|
|
26
27
|
|
|
27
28
|
// TODO: those might be better placed in a distinct file
|
|
28
29
|
const xExtremumGetters = {
|
|
@@ -35,13 +36,18 @@ const yExtremumGetters = {
|
|
|
35
36
|
scatter: _extremums2.getExtremumY,
|
|
36
37
|
line: _extremums3.getExtremumY
|
|
37
38
|
};
|
|
38
|
-
const CartesianContext = /*#__PURE__*/React.createContext({
|
|
39
|
+
const CartesianContext = exports.CartesianContext = /*#__PURE__*/React.createContext({
|
|
39
40
|
xAxis: {},
|
|
40
41
|
yAxis: {},
|
|
41
42
|
xAxisIds: [],
|
|
42
43
|
yAxisIds: []
|
|
43
44
|
});
|
|
44
|
-
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* API:
|
|
48
|
+
*
|
|
49
|
+
* - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
|
|
50
|
+
*/
|
|
45
51
|
function CartesianContextProvider({
|
|
46
52
|
xAxis: inXAxis,
|
|
47
53
|
yAxis: inYAxis,
|
|
@@ -113,18 +119,19 @@ function CartesianContextProvider({
|
|
|
113
119
|
const range = [drawingArea.left, drawingArea.left + drawingArea.width];
|
|
114
120
|
if ((0, _axis.isBandScaleConfig)(axis)) {
|
|
115
121
|
const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
|
|
122
|
+
const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
|
|
116
123
|
completedXAxis[axis.id] = (0, _extends2.default)({
|
|
117
124
|
categoryGapRatio,
|
|
118
|
-
barGapRatio
|
|
125
|
+
barGapRatio
|
|
119
126
|
}, axis, {
|
|
120
127
|
scale: (0, _d3Scale.scaleBand)(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
121
|
-
|
|
128
|
+
tickNumber: axis.data.length
|
|
122
129
|
});
|
|
123
130
|
}
|
|
124
131
|
if ((0, _axis.isPointScaleConfig)(axis)) {
|
|
125
132
|
completedXAxis[axis.id] = (0, _extends2.default)({}, axis, {
|
|
126
133
|
scale: (0, _d3Scale.scalePoint)(axis.data, range),
|
|
127
|
-
|
|
134
|
+
tickNumber: axis.data.length
|
|
128
135
|
});
|
|
129
136
|
}
|
|
130
137
|
if (axis.scaleType === 'band' || axis.scaleType === 'point') {
|
|
@@ -133,17 +140,17 @@ function CartesianContextProvider({
|
|
|
133
140
|
}
|
|
134
141
|
const scaleType = axis.scaleType ?? 'linear';
|
|
135
142
|
const extremums = [axis.min ?? minData, axis.max ?? maxData];
|
|
136
|
-
const
|
|
143
|
+
const tickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
|
|
137
144
|
range,
|
|
138
145
|
domain: extremums
|
|
139
146
|
}));
|
|
140
|
-
const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(
|
|
147
|
+
const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(tickNumber);
|
|
141
148
|
const niceDomain = niceScale.domain();
|
|
142
149
|
const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
|
|
143
150
|
completedXAxis[axis.id] = (0, _extends2.default)({}, axis, {
|
|
144
151
|
scaleType,
|
|
145
152
|
scale: niceScale.domain(domain),
|
|
146
|
-
|
|
153
|
+
tickNumber
|
|
147
154
|
});
|
|
148
155
|
});
|
|
149
156
|
const allYAxis = [...(yAxis?.map((axis, index) => (0, _extends2.default)({
|
|
@@ -166,13 +173,13 @@ function CartesianContextProvider({
|
|
|
166
173
|
barGapRatio: 0
|
|
167
174
|
}, axis, {
|
|
168
175
|
scale: (0, _d3Scale.scaleBand)(axis.data, [range[1], range[0]]).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
169
|
-
|
|
176
|
+
tickNumber: axis.data.length
|
|
170
177
|
});
|
|
171
178
|
}
|
|
172
179
|
if ((0, _axis.isPointScaleConfig)(axis)) {
|
|
173
180
|
completedYAxis[axis.id] = (0, _extends2.default)({}, axis, {
|
|
174
181
|
scale: (0, _d3Scale.scalePoint)(axis.data, [range[1], range[0]]),
|
|
175
|
-
|
|
182
|
+
tickNumber: axis.data.length
|
|
176
183
|
});
|
|
177
184
|
}
|
|
178
185
|
if (axis.scaleType === 'band' || axis.scaleType === 'point') {
|
|
@@ -181,17 +188,17 @@ function CartesianContextProvider({
|
|
|
181
188
|
}
|
|
182
189
|
const scaleType = axis.scaleType ?? 'linear';
|
|
183
190
|
const extremums = [axis.min ?? minData, axis.max ?? maxData];
|
|
184
|
-
const
|
|
191
|
+
const tickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
|
|
185
192
|
range,
|
|
186
193
|
domain: extremums
|
|
187
194
|
}));
|
|
188
|
-
const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(
|
|
195
|
+
const niceScale = (0, _getScale.getScale)(scaleType, extremums, range).nice(tickNumber);
|
|
189
196
|
const niceDomain = niceScale.domain();
|
|
190
197
|
const domain = [axis.min ?? niceDomain[0], axis.max ?? niceDomain[1]];
|
|
191
198
|
completedYAxis[axis.id] = (0, _extends2.default)({}, axis, {
|
|
192
199
|
scaleType,
|
|
193
200
|
scale: niceScale.domain(domain),
|
|
194
|
-
|
|
201
|
+
tickNumber
|
|
195
202
|
});
|
|
196
203
|
});
|
|
197
204
|
return {
|
|
@@ -218,7 +225,14 @@ process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
|
|
|
218
225
|
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
219
226
|
// ----------------------------------------------------------------------
|
|
220
227
|
children: _propTypes.default.node,
|
|
228
|
+
/**
|
|
229
|
+
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
230
|
+
*/
|
|
221
231
|
dataset: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
232
|
+
/**
|
|
233
|
+
* The configuration of the x-axes.
|
|
234
|
+
* If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
|
|
235
|
+
*/
|
|
222
236
|
xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
223
237
|
axisId: _propTypes.default.string,
|
|
224
238
|
classes: _propTypes.default.object,
|
|
@@ -231,6 +245,7 @@ process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
|
|
|
231
245
|
id: _propTypes.default.string,
|
|
232
246
|
label: _propTypes.default.string,
|
|
233
247
|
labelFontSize: _propTypes.default.number,
|
|
248
|
+
labelStyle: _propTypes.default.object,
|
|
234
249
|
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
235
250
|
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
236
251
|
position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
|
|
@@ -239,12 +254,19 @@ process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
|
|
|
239
254
|
slots: _propTypes.default.object,
|
|
240
255
|
stroke: _propTypes.default.string,
|
|
241
256
|
tickFontSize: _propTypes.default.number,
|
|
257
|
+
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
258
|
+
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
259
|
+
tickLabelStyle: _propTypes.default.object,
|
|
242
260
|
tickMaxStep: _propTypes.default.number,
|
|
243
261
|
tickMinStep: _propTypes.default.number,
|
|
244
262
|
tickNumber: _propTypes.default.number,
|
|
245
263
|
tickSize: _propTypes.default.number,
|
|
246
264
|
valueFormatter: _propTypes.default.func
|
|
247
265
|
})),
|
|
266
|
+
/**
|
|
267
|
+
* The configuration of the y-axes.
|
|
268
|
+
* If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
|
|
269
|
+
*/
|
|
248
270
|
yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
249
271
|
axisId: _propTypes.default.string,
|
|
250
272
|
classes: _propTypes.default.object,
|
|
@@ -257,6 +279,7 @@ process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
|
|
|
257
279
|
id: _propTypes.default.string,
|
|
258
280
|
label: _propTypes.default.string,
|
|
259
281
|
labelFontSize: _propTypes.default.number,
|
|
282
|
+
labelStyle: _propTypes.default.object,
|
|
260
283
|
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
261
284
|
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
262
285
|
position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
|
|
@@ -265,6 +288,9 @@ process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
|
|
|
265
288
|
slots: _propTypes.default.object,
|
|
266
289
|
stroke: _propTypes.default.string,
|
|
267
290
|
tickFontSize: _propTypes.default.number,
|
|
291
|
+
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
292
|
+
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
293
|
+
tickLabelStyle: _propTypes.default.object,
|
|
268
294
|
tickMaxStep: _propTypes.default.number,
|
|
269
295
|
tickMinStep: _propTypes.default.number,
|
|
270
296
|
tickNumber: _propTypes.default.number,
|
|
@@ -8,13 +8,38 @@ export interface DrawingProviderProps extends LayoutConfig {
|
|
|
8
8
|
* Defines the area in which it is possible to draw the charts.
|
|
9
9
|
*/
|
|
10
10
|
export type DrawingArea = {
|
|
11
|
+
/**
|
|
12
|
+
* The gap between the left border of the SVG and the drawing area.
|
|
13
|
+
*/
|
|
11
14
|
left: number;
|
|
15
|
+
/**
|
|
16
|
+
* The gap between the top border of the SVG and the drawing area.
|
|
17
|
+
*/
|
|
12
18
|
top: number;
|
|
19
|
+
/**
|
|
20
|
+
* The gap between the bottom border of the SVG and the drawing area.
|
|
21
|
+
*/
|
|
22
|
+
bottom: number;
|
|
23
|
+
/**
|
|
24
|
+
* The gap between the right border of the SVG and the drawing area.
|
|
25
|
+
*/
|
|
26
|
+
right: number;
|
|
27
|
+
/**
|
|
28
|
+
* The width of the drawing area.
|
|
29
|
+
*/
|
|
13
30
|
width: number;
|
|
31
|
+
/**
|
|
32
|
+
* The height of the drawing area.
|
|
33
|
+
*/
|
|
14
34
|
height: number;
|
|
15
35
|
};
|
|
16
36
|
export declare const DrawingContext: React.Context<DrawingArea>;
|
|
17
37
|
export declare const SVGContext: React.Context<React.RefObject<SVGSVGElement>>;
|
|
38
|
+
/**
|
|
39
|
+
* API:
|
|
40
|
+
*
|
|
41
|
+
* - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
|
|
42
|
+
*/
|
|
18
43
|
declare function DrawingProvider({ width, height, margin, svgRef, children }: DrawingProviderProps): React.JSX.Element;
|
|
19
44
|
declare namespace DrawingProvider {
|
|
20
45
|
var propTypes: any;
|
|
@@ -11,23 +11,29 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _useChartDimensions = _interopRequireDefault(require("../hooks/useChartDimensions"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
/**
|
|
17
17
|
* Defines the area in which it is possible to draw the charts.
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
|
-
const DrawingContext = /*#__PURE__*/React.createContext({
|
|
20
|
+
const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext({
|
|
21
21
|
top: 0,
|
|
22
22
|
left: 0,
|
|
23
|
+
bottom: 0,
|
|
24
|
+
right: 0,
|
|
23
25
|
height: 300,
|
|
24
26
|
width: 400
|
|
25
27
|
});
|
|
26
|
-
exports.
|
|
27
|
-
const SVGContext = /*#__PURE__*/React.createContext({
|
|
28
|
+
const SVGContext = exports.SVGContext = /*#__PURE__*/React.createContext({
|
|
28
29
|
current: null
|
|
29
30
|
});
|
|
30
|
-
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* API:
|
|
34
|
+
*
|
|
35
|
+
* - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
|
|
36
|
+
*/
|
|
31
37
|
function DrawingProvider({
|
|
32
38
|
width,
|
|
33
39
|
height,
|
|
@@ -51,6 +57,12 @@ process.env.NODE_ENV !== "production" ? DrawingProvider.propTypes = {
|
|
|
51
57
|
// ----------------------------------------------------------------------
|
|
52
58
|
children: _propTypes.default.node,
|
|
53
59
|
height: _propTypes.default.number.isRequired,
|
|
60
|
+
/**
|
|
61
|
+
* The margin between the SVG and the drawing area.
|
|
62
|
+
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
63
|
+
* Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
64
|
+
* @default object Depends on the charts type.
|
|
65
|
+
*/
|
|
54
66
|
margin: _propTypes.default.shape({
|
|
55
67
|
bottom: _propTypes.default.number,
|
|
56
68
|
left: _propTypes.default.number,
|
|
@@ -7,7 +7,21 @@ export type ItemHighlighData<T extends ChartSeriesType> = ChartItemIdentifier<T>
|
|
|
7
7
|
export type HighlightOptions = 'none' | 'item' | 'series';
|
|
8
8
|
export type FadeOptions = 'none' | 'series' | 'global';
|
|
9
9
|
export type HighlightScope = {
|
|
10
|
+
/**
|
|
11
|
+
* The scope of highlighted elements.
|
|
12
|
+
* - 'none': no highlight.
|
|
13
|
+
* - 'item': only highlight the item.
|
|
14
|
+
* - 'series': highlight all elements of the same series.
|
|
15
|
+
* @default 'none'
|
|
16
|
+
*/
|
|
10
17
|
highlighted: HighlightOptions;
|
|
18
|
+
/**
|
|
19
|
+
* The scope of faded elements.
|
|
20
|
+
* - 'none': no fading.
|
|
21
|
+
* - 'series': only fade element of the same series.
|
|
22
|
+
* - 'global': fade all elements that are not highlighted.
|
|
23
|
+
* @default 'none'
|
|
24
|
+
*/
|
|
11
25
|
faded: FadeOptions;
|
|
12
26
|
};
|
|
13
27
|
type HighlighActions<T extends ChartSeriesType = ChartSeriesType> = {
|
|
@@ -19,6 +33,9 @@ type HighlighActions<T extends ChartSeriesType = ChartSeriesType> = {
|
|
|
19
33
|
item: ItemHighlighData<T>;
|
|
20
34
|
};
|
|
21
35
|
type HighlighState = {
|
|
36
|
+
/**
|
|
37
|
+
* The item that triggers the highlight state.
|
|
38
|
+
*/
|
|
22
39
|
item: null | ItemHighlighData<ChartSeriesType>;
|
|
23
40
|
scope: HighlightScope;
|
|
24
41
|
dispatch: React.Dispatch<HighlighActions>;
|
|
@@ -9,18 +9,17 @@ exports.HighlightProvider = HighlightProvider;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const defaultScope = {
|
|
15
15
|
highlighted: 'none',
|
|
16
16
|
faded: 'none'
|
|
17
17
|
};
|
|
18
|
-
const HighlighContext = /*#__PURE__*/React.createContext({
|
|
18
|
+
const HighlighContext = exports.HighlighContext = /*#__PURE__*/React.createContext({
|
|
19
19
|
item: null,
|
|
20
20
|
scope: defaultScope,
|
|
21
21
|
dispatch: () => null
|
|
22
22
|
});
|
|
23
|
-
exports.HighlighContext = HighlighContext;
|
|
24
23
|
const dataReducer = (prevState, action) => {
|
|
25
24
|
switch (action.type) {
|
|
26
25
|
case 'enterItem':
|
|
@@ -25,7 +25,13 @@ type InteractionActions<T extends ChartSeriesType = ChartSeriesType> = {
|
|
|
25
25
|
data: AxisInteractionData;
|
|
26
26
|
};
|
|
27
27
|
type InteractionState = {
|
|
28
|
+
/**
|
|
29
|
+
* The item currently interacting.
|
|
30
|
+
*/
|
|
28
31
|
item: null | ItemInteractionData<ChartSeriesType>;
|
|
32
|
+
/**
|
|
33
|
+
* The x- and y-axes currently interacting.
|
|
34
|
+
*/
|
|
29
35
|
axis: AxisInteractionData;
|
|
30
36
|
dispatch: React.Dispatch<InteractionActions>;
|
|
31
37
|
};
|
|
@@ -9,9 +9,9 @@ exports.InteractionProvider = InteractionProvider;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
const InteractionContext = /*#__PURE__*/React.createContext({
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
const InteractionContext = exports.InteractionContext = /*#__PURE__*/React.createContext({
|
|
15
15
|
item: null,
|
|
16
16
|
axis: {
|
|
17
17
|
x: null,
|
|
@@ -19,7 +19,6 @@ const InteractionContext = /*#__PURE__*/React.createContext({
|
|
|
19
19
|
},
|
|
20
20
|
dispatch: () => null
|
|
21
21
|
});
|
|
22
|
-
exports.InteractionContext = InteractionContext;
|
|
23
22
|
const dataReducer = (prevState, action) => {
|
|
24
23
|
switch (action.type) {
|
|
25
24
|
case 'enterItem':
|
|
@@ -4,6 +4,11 @@ import { ChartSeriesType, DatasetType, FormatterResult } from '../models/seriesT
|
|
|
4
4
|
import { ChartsColorPalette } from '../colorPalettes';
|
|
5
5
|
export type SeriesContextProviderProps = {
|
|
6
6
|
dataset?: DatasetType;
|
|
7
|
+
/**
|
|
8
|
+
* The array of series to display.
|
|
9
|
+
* Each type of series has its own specificity.
|
|
10
|
+
* Please refer to the appropriate docs page to learn more about it.
|
|
11
|
+
*/
|
|
7
12
|
series: AllSeriesType[];
|
|
8
13
|
/**
|
|
9
14
|
* Color palette used to colorize multiple series.
|
|
@@ -16,10 +16,9 @@ var _formatter4 = _interopRequireDefault(require("../PieChart/formatter"));
|
|
|
16
16
|
var _defaultizeColor = require("../internals/defaultizeColor");
|
|
17
17
|
var _colorPalettes = require("../colorPalettes");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
21
|
-
const SeriesContext = /*#__PURE__*/React.createContext({});
|
|
22
|
-
exports.SeriesContext = SeriesContext;
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
|
+
const SeriesContext = exports.SeriesContext = /*#__PURE__*/React.createContext({});
|
|
23
22
|
const seriesTypeFormatter = {
|
|
24
23
|
bar: _formatter.default,
|
|
25
24
|
scatter: _formatter2.default,
|