@mui/x-charts 6.0.0-alpha.10 → 6.0.0-alpha.11
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/BarElement.d.ts +1 -1
- package/CHANGELOG.md +79 -1
- package/ChartsTooltip/ChartsTooltipTable.d.ts +2 -7
- package/LineChart/AreaElement.d.ts +1 -1
- package/LineChart/LineElement.d.ts +1 -1
- package/README.md +3 -9
- package/context/CartesianContextProvider.js +4 -2
- package/esm/context/CartesianContextProvider.js +5 -3
- package/index.js +1 -1
- package/legacy/context/CartesianContextProvider.js +5 -3
- package/legacy/index.js +1 -1
- package/models/axis.d.ts +2 -2
- package/modern/context/CartesianContextProvider.js +4 -2
- package/modern/index.js +1 -1
- package/package.json +2 -2
package/BarChart/BarElement.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import { HighlightScope } from '../context/HighlightProvider';
|
|
4
4
|
export interface BarElementClasses {
|
|
5
5
|
/** Styles applied to the root element. */
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,83 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.14.0
|
|
7
|
+
|
|
8
|
+
_Sep 14, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🎁 Fix `YearCalendar` and `MonthCalendar` accessibility (#10312) @LukasTy
|
|
13
|
+
|
|
14
|
+
The `YearCalendar` and `MonthCalendar` items role has been changed from `button` to `radio` in order to improve the component's a11y support.
|
|
15
|
+
If you were relying on the mentioned components having a `button` role for items, you will need to update your usage to expect a `radio` role instead.
|
|
16
|
+
|
|
17
|
+
- 🌍 Improve Japanese (ja-JP), Persian (fa-IR), and Vietnamese (vi-VN) locales on the data grid
|
|
18
|
+
- 🐞 Bugfixes
|
|
19
|
+
- 📚 Documentation improvements
|
|
20
|
+
|
|
21
|
+
### Data Grid
|
|
22
|
+
|
|
23
|
+
#### `@mui/x-data-grid@6.14.0`
|
|
24
|
+
|
|
25
|
+
- [l10n] Improve Japanese (ja-JP) locale (#10299) @makoto14
|
|
26
|
+
- [l10n] Improve Persian (fa-IR) locale (#10277) @aminsaedi
|
|
27
|
+
- [l10n] Improve Vietnamese (vi-VN) locale (#10280) @khangnguyen2100
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid-pro@6.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
30
|
+
|
|
31
|
+
Same changes as in `@mui/x-data-grid@6.14.0`.
|
|
32
|
+
|
|
33
|
+
#### `@mui/x-data-grid-premium@6.14.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
34
|
+
|
|
35
|
+
Same changes as in `@mui/x-data-grid-pro@6.14.0`, plus:
|
|
36
|
+
|
|
37
|
+
- [DataGridPremium] Fix clipboard import cutting off at 100 rows (#9930) @gitstart
|
|
38
|
+
|
|
39
|
+
### Date Pickers
|
|
40
|
+
|
|
41
|
+
#### `@mui/x-date-pickers@6.14.0`
|
|
42
|
+
|
|
43
|
+
- [pickers] Fix `YearCalendar` and `MonthCalendar` a11y (#10312) @LukasTy
|
|
44
|
+
- [pickers] Localize `TimeClock` meridiem text (#10324) @LukasTy
|
|
45
|
+
|
|
46
|
+
#### `@mui/x-date-pickers-pro@6.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
47
|
+
|
|
48
|
+
Same changes as in `@mui/x-date-pickers@6.14.0`.
|
|
49
|
+
|
|
50
|
+
### Charts / `@mui/x-charts@6.0.0-alpha.11`
|
|
51
|
+
|
|
52
|
+
- [charts] Add default `barGapRatio` and increase `categoryGapRatio` (#10317) @LukasTy
|
|
53
|
+
- [charts] Enable `eslint` on the package (#10330) @LukasTy
|
|
54
|
+
|
|
55
|
+
### Tree View / `@mui/x-tree-view@6.0.0-alpha.3`
|
|
56
|
+
|
|
57
|
+
- [TreeView] Fix box-sizing dependency (#10255) @oliviertassinari
|
|
58
|
+
|
|
59
|
+
### Docs
|
|
60
|
+
|
|
61
|
+
- [docs] Add conditional range picker props example (#10227) @LukasTy
|
|
62
|
+
- [docs] Add toolbar to the multi-filters demo (#10223) @MBilalShafi
|
|
63
|
+
- [docs] Avoid the use of "We" @oliviertassinari
|
|
64
|
+
- [docs] Clarify MUI vs. MUI Core difference @oliviertassinari
|
|
65
|
+
- [docs] Enable `ariaV7` flag for demos using `useDemoData` hook (#10204) @cherniavskii
|
|
66
|
+
- [docs] Fix Tree View link to API references (#10282) @oliviertassinari
|
|
67
|
+
- [docs] Fix image layout shift (#10313) @oliviertassinari
|
|
68
|
+
- [docs] Fix link to MUI X from readme logo @oliviertassinari
|
|
69
|
+
- [docs] Fix redirection to Base UI URLs @oliviertassinari
|
|
70
|
+
- [docs] Improve Tree View demos (#10268) @oliviertassinari
|
|
71
|
+
- [docs] Improve docs for ref type props (#10273) @michelengelen
|
|
72
|
+
- [docs] Improve npm package README (#10269) @oliviertassinari
|
|
73
|
+
- [docs] Improve the clarity of the npm links @oliviertassinari
|
|
74
|
+
- [docs] Keep installation readme simple @oliviertassinari
|
|
75
|
+
- [docs] Make each component feel more standalone @oliviertassinari
|
|
76
|
+
|
|
77
|
+
### Core
|
|
78
|
+
|
|
79
|
+
- [core] Add types extension for clarity @oliviertassinari
|
|
80
|
+
- [core] Set logo height to fix layout shift in GitHub @oliviertassinari
|
|
81
|
+
- [core] TrapFocus was renamed to FocusTrap @oliviertassinari
|
|
82
|
+
|
|
6
83
|
## 6.13.0
|
|
7
84
|
|
|
8
85
|
_Sep 8, 2023_
|
|
@@ -12,6 +89,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
|
|
|
12
89
|
- 🎁 Fix `anchorRef` behavior on range pickers (#10077) @LukasTy
|
|
13
90
|
|
|
14
91
|
The range picker popup will now be anchored to the first input element and left aligned like other pickers.
|
|
92
|
+
|
|
15
93
|
- 🌍 Improve Slovak (sk-SK) locale on the data grid
|
|
16
94
|
- 🐞 Bugfixes
|
|
17
95
|
- 📚 Documentation improvements
|
|
@@ -1838,7 +1916,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
|
|
|
1838
1916
|
#### Changes
|
|
1839
1917
|
|
|
1840
1918
|
- [DataGrid] Add interface for `singleSelect` column (#7685) @m4theushw
|
|
1841
|
-
- [DataGrid] Allow to pass props to the `
|
|
1919
|
+
- [DataGrid] Allow to pass props to the `FocusTrap` inside the panel wrapper (#7733) @ivek-Prajapatii
|
|
1842
1920
|
- [DataGrid] Avoid unnecessary rerenders after `updateRows` (#7857) @cherniavskii
|
|
1843
1921
|
- [DataGridPro] Change cursor when dragging a column (#7725) @sai6855
|
|
1844
1922
|
- [DataGridPremium] Fix `leafField` to have correct focus value (#7950) @MBilalShafi
|
|
@@ -5,14 +5,9 @@ export declare const ChartsTooltipPaper: import("@emotion/styled").StyledCompone
|
|
|
5
5
|
export declare const ChartsTooltipTable: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, keyof import("react").ClassAttributes<HTMLTableElement> | keyof import("react").TableHTMLAttributes<HTMLTableElement>>, {}>;
|
|
6
6
|
export declare const ChartsTooltipRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>>, {}>;
|
|
7
7
|
export declare const ChartsTooltipCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>>, {}>;
|
|
8
|
-
export declare const ChartsTooltipMark: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").
|
|
9
|
-
children?: import("react").ReactNode;
|
|
10
|
-
component?: import("react").ElementType<any> | undefined;
|
|
11
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
12
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
13
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
export declare const ChartsTooltipMark: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
14
9
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
-
},
|
|
10
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>>, "hidden" | "content" | "style" | "translate" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
16
11
|
ownerState: {
|
|
17
12
|
color: string;
|
|
18
13
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import { HighlightScope } from '../context/HighlightProvider';
|
|
4
4
|
export interface AreaElementClasses {
|
|
5
5
|
/** Styles applied to the root element. */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
3
|
import { HighlightScope } from '../context/HighlightProvider';
|
|
4
4
|
export interface LineElementClasses {
|
|
5
5
|
/** Styles applied to the root element. */
|
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
#
|
|
1
|
+
# MUI X Charts
|
|
2
2
|
|
|
3
3
|
This package is the community edition of the chart components.
|
|
4
|
-
It's part of MUI X, an open-core extension of MUI, with advanced components.
|
|
4
|
+
It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
|
|
5
5
|
|
|
6
6
|
## Installation
|
|
7
7
|
|
|
@@ -11,12 +11,6 @@ Install the package in your project directory with:
|
|
|
11
11
|
npm install @mui/x-charts
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
or
|
|
15
|
-
|
|
16
|
-
```bash
|
|
17
|
-
yarn add @mui/x-charts
|
|
18
|
-
```
|
|
19
|
-
|
|
20
14
|
This component has the following peer dependencies that you will need to install as well.
|
|
21
15
|
|
|
22
16
|
```json
|
|
@@ -30,4 +24,4 @@ This component has the following peer dependencies that you will need to install
|
|
|
30
24
|
|
|
31
25
|
## Documentation
|
|
32
26
|
|
|
33
|
-
[
|
|
27
|
+
Visit [https://mui.com/x/react-charts/](https://mui.com/x/react-charts/) to view the full documentation.
|
|
@@ -22,7 +22,8 @@ var _useTicks = require("../hooks/useTicks");
|
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
const DEFAULT_CATEGORY_GAP_RATIO = 0.
|
|
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 = {
|
|
@@ -113,9 +114,10 @@ function CartesianContextProvider({
|
|
|
113
114
|
const range = [drawingArea.left, drawingArea.left + drawingArea.width];
|
|
114
115
|
if ((0, _axis.isBandScaleConfig)(axis)) {
|
|
115
116
|
const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
|
|
117
|
+
const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
|
|
116
118
|
completedXAxis[axis.id] = (0, _extends2.default)({
|
|
117
119
|
categoryGapRatio,
|
|
118
|
-
barGapRatio
|
|
120
|
+
barGapRatio
|
|
119
121
|
}, axis, {
|
|
120
122
|
scale: (0, _d3Scale.scaleBand)(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
121
123
|
ticksNumber: axis.data.length
|
|
@@ -12,7 +12,8 @@ import { SeriesContext } from './SeriesContextProvider';
|
|
|
12
12
|
import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
|
|
13
13
|
import { getTicksNumber } from '../hooks/useTicks';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
const DEFAULT_CATEGORY_GAP_RATIO = 0.
|
|
15
|
+
const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
|
|
16
|
+
const DEFAULT_BAR_GAP_RATIO = 0.1;
|
|
16
17
|
|
|
17
18
|
// TODO: those might be better placed in a distinct file
|
|
18
19
|
const xExtremumGetters = {
|
|
@@ -104,11 +105,12 @@ function CartesianContextProvider({
|
|
|
104
105
|
const [minData, maxData] = getAxisExtremum(axis, xExtremumGetters, isDefaultAxis);
|
|
105
106
|
const range = [drawingArea.left, drawingArea.left + drawingArea.width];
|
|
106
107
|
if (isBandScaleConfig(axis)) {
|
|
107
|
-
var _axis$categoryGapRati;
|
|
108
|
+
var _axis$categoryGapRati, _axis$barGapRatio;
|
|
108
109
|
const categoryGapRatio = (_axis$categoryGapRati = axis.categoryGapRatio) != null ? _axis$categoryGapRati : DEFAULT_CATEGORY_GAP_RATIO;
|
|
110
|
+
const barGapRatio = (_axis$barGapRatio = axis.barGapRatio) != null ? _axis$barGapRatio : DEFAULT_BAR_GAP_RATIO;
|
|
109
111
|
completedXAxis[axis.id] = _extends({
|
|
110
112
|
categoryGapRatio,
|
|
111
|
-
barGapRatio
|
|
113
|
+
barGapRatio
|
|
112
114
|
}, axis, {
|
|
113
115
|
scale: scaleBand(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
114
116
|
ticksNumber: axis.data.length
|
package/index.js
CHANGED
|
@@ -14,7 +14,8 @@ import { SeriesContext } from './SeriesContextProvider';
|
|
|
14
14
|
import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
|
|
15
15
|
import { getTicksNumber } from '../hooks/useTicks';
|
|
16
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
var DEFAULT_CATEGORY_GAP_RATIO = 0.
|
|
17
|
+
var DEFAULT_CATEGORY_GAP_RATIO = 0.2;
|
|
18
|
+
var DEFAULT_BAR_GAP_RATIO = 0.1;
|
|
18
19
|
|
|
19
20
|
// TODO: those might be better placed in a distinct file
|
|
20
21
|
var xExtremumGetters = {
|
|
@@ -124,11 +125,12 @@ function CartesianContextProvider(_ref) {
|
|
|
124
125
|
maxData = _getAxisExtremum2[1];
|
|
125
126
|
var range = [drawingArea.left, drawingArea.left + drawingArea.width];
|
|
126
127
|
if (isBandScaleConfig(axis)) {
|
|
127
|
-
var _axis$categoryGapRati;
|
|
128
|
+
var _axis$categoryGapRati, _axis$barGapRatio;
|
|
128
129
|
var categoryGapRatio = (_axis$categoryGapRati = axis.categoryGapRatio) != null ? _axis$categoryGapRati : DEFAULT_CATEGORY_GAP_RATIO;
|
|
130
|
+
var barGapRatio = (_axis$barGapRatio = axis.barGapRatio) != null ? _axis$barGapRatio : DEFAULT_BAR_GAP_RATIO;
|
|
129
131
|
completedXAxis[axis.id] = _extends({
|
|
130
132
|
categoryGapRatio: categoryGapRatio,
|
|
131
|
-
barGapRatio:
|
|
133
|
+
barGapRatio: barGapRatio
|
|
132
134
|
}, axis, {
|
|
133
135
|
scale: scaleBand(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
134
136
|
ticksNumber: axis.data.length
|
package/legacy/index.js
CHANGED
package/models/axis.d.ts
CHANGED
|
@@ -96,13 +96,13 @@ interface AxisScaleConfig {
|
|
|
96
96
|
/**
|
|
97
97
|
* The ratio between the space allocated for padding between two categories and the category width.
|
|
98
98
|
* 0 means no gap, and 1 no data.
|
|
99
|
-
* @default 0.
|
|
99
|
+
* @default 0.2
|
|
100
100
|
*/
|
|
101
101
|
categoryGapRatio: number;
|
|
102
102
|
/**
|
|
103
103
|
* The ratio between the width of a bar, and the gap between two bars.
|
|
104
104
|
* 0 means no gap, and 1 no bar.
|
|
105
|
-
* @default 0
|
|
105
|
+
* @default 0.1
|
|
106
106
|
*/
|
|
107
107
|
barGapRatio: number;
|
|
108
108
|
};
|
|
@@ -12,7 +12,8 @@ import { SeriesContext } from './SeriesContextProvider';
|
|
|
12
12
|
import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
|
|
13
13
|
import { getTicksNumber } from '../hooks/useTicks';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
const DEFAULT_CATEGORY_GAP_RATIO = 0.
|
|
15
|
+
const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
|
|
16
|
+
const DEFAULT_BAR_GAP_RATIO = 0.1;
|
|
16
17
|
|
|
17
18
|
// TODO: those might be better placed in a distinct file
|
|
18
19
|
const xExtremumGetters = {
|
|
@@ -102,9 +103,10 @@ function CartesianContextProvider({
|
|
|
102
103
|
const range = [drawingArea.left, drawingArea.left + drawingArea.width];
|
|
103
104
|
if (isBandScaleConfig(axis)) {
|
|
104
105
|
const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
|
|
106
|
+
const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
|
|
105
107
|
completedXAxis[axis.id] = _extends({
|
|
106
108
|
categoryGapRatio,
|
|
107
|
-
barGapRatio
|
|
109
|
+
barGapRatio
|
|
108
110
|
}, axis, {
|
|
109
111
|
scale: scaleBand(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
|
|
110
112
|
ticksNumber: axis.data.length
|
package/modern/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-charts",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.11",
|
|
4
4
|
"description": "The community edition of the charts components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@babel/runtime": "^7.22.15",
|
|
31
|
-
"@mui/base": "^5.0.0-
|
|
31
|
+
"@mui/base": "^5.0.0-beta.14",
|
|
32
32
|
"clsx": "^2.0.0",
|
|
33
33
|
"d3-color": "^3.1.0",
|
|
34
34
|
"d3-scale": "^4.0.2",
|