= {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
(value: P | SlotShorthandValue | undefined, options: ResolveShorthandOptions): P;
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
(value: P | SlotShorthandValue | null | undefined, options?: ResolveShorthandOptions):
| P
| undefined;
@@ -29,7 +29,7 @@ export type ResolveShorthandFunction = (value, options) =>
slot.optional(value, {
...options,
diff --git a/packages/react-components/react-utilities/src/compose/getIntrinsicElementProps.ts b/packages/react-components/react-utilities/src/compose/getIntrinsicElementProps.ts
index 93fdc5ab0674e5..65de47f02e09c9 100644
--- a/packages/react-components/react-utilities/src/compose/getIntrinsicElementProps.ts
+++ b/packages/react-components/react-utilities/src/compose/getIntrinsicElementProps.ts
@@ -23,7 +23,7 @@ export const getIntrinsicElementProps = <
/** List of native props to exclude from the returned value */
excludedPropNames?: ExcludedPropKeys[],
) => {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
return getNativeElementProps<
DistributiveOmit | ExcludedPropKeys>
>(props.as ?? tagName, props, excludedPropNames);
diff --git a/packages/react-components/react-utilities/src/compose/index.ts b/packages/react-components/react-utilities/src/compose/index.ts
index 20252d1d3a38cf..fb6f26f68e14b7 100644
--- a/packages/react-components/react-utilities/src/compose/index.ts
+++ b/packages/react-components/react-utilities/src/compose/index.ts
@@ -26,15 +26,15 @@ export { isSlot } from './isSlot';
export { assertSlots } from './assertSlots';
export { getIntrinsicElementProps } from './getIntrinsicElementProps';
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
export type { ObjectSlotProps, Slots } from './deprecated/getSlots';
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
export { getSlots } from './deprecated/getSlots';
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
export type { ResolveShorthandFunction, ResolveShorthandOptions } from './deprecated/resolveShorthand';
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
export { resolveShorthand } from './deprecated/resolveShorthand';
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
export { getSlotsNext } from './deprecated/getSlotsNext';
export { slot };
diff --git a/packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts b/packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts
index 1ae1f9b3e5f1bc..a5f410ec4f354d 100644
--- a/packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts
+++ b/packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts
@@ -121,11 +121,11 @@ export const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) =>
const getWindowEvent = (target: Node | Window | null | undefined): Event | undefined => {
if (target) {
if (typeof (target as Window).window === 'object' && (target as Window).window === target) {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
return target.event;
}
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
return (target as Node).ownerDocument?.defaultView?.event ?? undefined;
}
diff --git a/packages/react-components/react-utilities/src/index.ts b/packages/react-components/react-utilities/src/index.ts
index 61a014c8ed2473..2377571564989e 100644
--- a/packages/react-components/react-utilities/src/index.ts
+++ b/packages/react-components/react-utilities/src/index.ts
@@ -1,12 +1,12 @@
export {
slot,
isSlot,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
getSlots,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
getSlotsNext,
assertSlots,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
resolveShorthand,
isResolvedShorthand,
getIntrinsicElementProps,
@@ -18,12 +18,12 @@ export type {
ComponentProps,
ComponentState,
ForwardRefComponent,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ResolveShorthandFunction,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ResolveShorthandOptions,
Slot,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
Slots,
SlotClassNames,
SlotPropsRecord,
@@ -60,7 +60,7 @@ export { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';
export {
clamp,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
getNativeElementProps,
getPartitionedNativeProps,
getRTLSafeKey,
diff --git a/packages/react-components/react-utilities/src/ssr/canUseDOM.ts b/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
index 867f967c05b549..84ce6190c2fc4c 100644
--- a/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
+++ b/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
@@ -7,7 +7,7 @@ export function canUseDOM(): boolean {
typeof window !== 'undefined' &&
!!(
window.document &&
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
window.document.createElement
)
/* eslint-enable @nx/workspace-no-restricted-globals */
diff --git a/packages/react-components/react-utilities/src/utils/getNativeElementProps.test.ts b/packages/react-components/react-utilities/src/utils/getNativeElementProps.test.ts
index 7ba810c13f01b4..a30a5be6720e67 100644
--- a/packages/react-components/react-utilities/src/utils/getNativeElementProps.test.ts
+++ b/packages/react-components/react-utilities/src/utils/getNativeElementProps.test.ts
@@ -2,21 +2,21 @@ import { getNativeElementProps } from './getNativeElementProps';
describe('getNativeElementProps', () => {
it('can filter native element properties', () => {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
expect(getNativeElementProps('div', { id: '123', checked: true })).toEqual({ id: '123' });
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
expect(getNativeElementProps('input', { id: '123', checked: true })).toEqual({ id: '123', checked: true });
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
expect(getNativeElementProps('input', { id: '123', checked: true }, ['id'])).toEqual({ checked: true });
});
it('includes `as` as a native prop', () => {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
expect(getNativeElementProps('div', { as: 'span' })).toEqual({ as: 'span' });
});
it('excludes props regardless of the allowed', () => {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
expect(getNativeElementProps('div', { as: 'span' }, ['as'])).toEqual({});
});
});
diff --git a/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts b/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts
index c6205e6ed6a528..83960f3c0f7579 100644
--- a/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts
+++ b/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts
@@ -101,7 +101,7 @@ export const getPartitionedNativeProps = <
}) => {
return {
root: { style: props.style, className: props.className },
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
primary: getNativeElementProps>(primarySlotTagName, props, [
...(excludedPropNames || []),
'style',
diff --git a/packages/react-components/react-utilities/src/utils/index.ts b/packages/react-components/react-utilities/src/utils/index.ts
index 0f8340201b76ac..29a60eb017f136 100644
--- a/packages/react-components/react-utilities/src/utils/index.ts
+++ b/packages/react-components/react-utilities/src/utils/index.ts
@@ -1,6 +1,6 @@
export { clamp } from './clamp';
export {
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
getNativeElementProps,
getPartitionedNativeProps,
} from './getNativeElementProps';
diff --git a/packages/react-conformance/src/isConformant.ts b/packages/react-conformance/src/isConformant.ts
index ae8754414c1435..b7c27558ed3a8b 100644
--- a/packages/react-conformance/src/isConformant.ts
+++ b/packages/react-conformance/src/isConformant.ts
@@ -15,7 +15,7 @@ export function isConformant(...testInfo: Partial
+## [8.7.196](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.196)
+
+Fri, 17 Jan 2025 07:21:32 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.195..@fluentui/react-date-time_v8.7.196)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.7 ([commit](https://github.com/microsoft/fluentui/commit/baf887d95f91874c814a7cae749c20e797f828be) by beachball)
+
## [8.7.195](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.195)
Mon, 13 Jan 2025 07:21:23 GMT
diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json
index f487bb5a933dac..dad5ed73ea5ba7 100644
--- a/packages/react-date-time/package.json
+++ b/packages/react-date-time/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-date-time",
- "version": "8.7.195",
+ "version": "8.7.196",
"description": "Date and time related React components for building experiences for Microsoft 365.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,7 +27,7 @@
"@fluentui/scripts-webpack": "*"
},
"dependencies": {
- "@fluentui/react": "^8.122.6",
+ "@fluentui/react": "^8.122.7",
"@fluentui/set-version": "^8.2.23",
"tslib": "^2.1.0"
},
diff --git a/packages/react-date-time/src/Calendar.ts b/packages/react-date-time/src/Calendar.ts
index c324c90de538b5..ab257cb0200442 100644
--- a/packages/react-date-time/src/Calendar.ts
+++ b/packages/react-date-time/src/Calendar.ts
@@ -6,7 +6,7 @@ export {
FirstWeekOfYear,
defaultCalendarNavigationIcons,
defaultCalendarStrings,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
defaultDayPickerStrings,
} from '@fluentui/react/lib/Calendar';
export type {
@@ -19,9 +19,9 @@ export type {
ICalendarDayProps,
ICalendarDayStyleProps,
ICalendarDayStyles,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ICalendarFormatDateCallbacks,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ICalendarIconStrings,
ICalendarMonth,
ICalendarMonthProps,
diff --git a/packages/react-date-time/src/DatePicker.ts b/packages/react-date-time/src/DatePicker.ts
index 6fe5758c453b6e..0788eb347df958 100644
--- a/packages/react-date-time/src/DatePicker.ts
+++ b/packages/react-date-time/src/DatePicker.ts
@@ -6,9 +6,9 @@ export {
} from '@fluentui/react/lib/DatePicker';
export type {
ICalendar,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ICalendarFormatDateCallbacks,
- // eslint-disable-next-line deprecation/deprecation
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
ICalendarIconStrings,
ICalendarNavigationIcons,
ICalendarProps,
diff --git a/packages/react-docsite-components/.eslintrc.json b/packages/react-docsite-components/.eslintrc.json
index ec2a316fd41b8f..99f51edd9d841a 100644
--- a/packages/react-docsite-components/.eslintrc.json
+++ b/packages/react-docsite-components/.eslintrc.json
@@ -2,7 +2,15 @@
"extends": ["plugin:@fluentui/eslint-plugin/react--legacy"],
"root": true,
"rules": {
- "deprecation/deprecation": "off",
"no-restricted-globals": "off"
- }
+ },
+ "overrides": [
+ {
+ "files": "**/*.{ts,tsx}",
+ "rules": {
+ // The components in this package are all deprecated
+ "@typescript-eslint/no-deprecated": "off"
+ }
+ }
+ ]
}
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 5d7a22a2596c23..25c7b12d0ca2af 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,27 @@
{
"name": "@fluentui/react-docsite-components",
"entries": [
+ {
+ "date": "Fri, 17 Jan 2025 07:21:32 GMT",
+ "tag": "@fluentui/react-docsite-components_v8.13.161",
+ "version": "8.13.161",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-docsite-components",
+ "comment": "Bump @fluentui/react to v8.122.7",
+ "commit": "baf887d95f91874c814a7cae749c20e797f828be"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-docsite-components",
+ "comment": "Bump @fluentui/react-monaco-editor to v1.7.279",
+ "commit": "baf887d95f91874c814a7cae749c20e797f828be"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 13 Jan 2025 07:21:23 GMT",
"tag": "@fluentui/react-docsite-components_v8.13.160",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index 33839b07639803..0bcbda66e29a6b 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,19 @@
# Change Log - @fluentui/react-docsite-components
-This log was last generated on Mon, 13 Jan 2025 07:21:23 GMT and should not be manually modified.
+This log was last generated on Fri, 17 Jan 2025 07:21:32 GMT and should not be manually modified.
+## [8.13.161](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.161)
+
+Fri, 17 Jan 2025 07:21:32 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.160..@fluentui/react-docsite-components_v8.13.161)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.7 ([commit](https://github.com/microsoft/fluentui/commit/baf887d95f91874c814a7cae749c20e797f828be) by beachball)
+- Bump @fluentui/react-monaco-editor to v1.7.279 ([commit](https://github.com/microsoft/fluentui/commit/baf887d95f91874c814a7cae749c20e797f828be) by beachball)
+
## [8.13.160](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.160)
Mon, 13 Jan 2025 07:21:23 GMT
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index f4ee726ea14112..846e8494ce15e2 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-docsite-components",
- "version": "8.13.160",
+ "version": "8.13.161",
"description": "Fluent UI React components for building documentation sites.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -35,14 +35,14 @@
"react-dom": ">=16.8.0 <19.0.0"
},
"dependencies": {
- "@fluentui/react": "^8.122.6",
+ "@fluentui/react": "^8.122.7",
"@fluentui/theme": "^2.6.64",
"@microsoft/load-themed-styles": "^1.10.26",
"@fluentui/example-data": "^8.4.25",
"@fluentui/public-docsite-setup": "^0.3.34",
"@fluentui/react-hooks": "^8.8.16",
"@fluentui/set-version": "^8.2.23",
- "@fluentui/react-monaco-editor": "^1.7.278",
+ "@fluentui/react-monaco-editor": "^1.7.279",
"color-check": "0.0.2",
"markdown-to-jsx": "^7.0.0",
"office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index 4b8954b9a8ddac..52d192909d0151 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -27,18 +27,18 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/azure-themes": "^8.6.119",
+ "@fluentui/azure-themes": "^8.6.120",
"@fluentui/date-time-utilities": "^8.6.9",
"@fluentui/dom-utilities": "^2.3.9",
"@fluentui/example-data": "^8.4.25",
"@fluentui/font-icons-mdl2": "^8.5.57",
"@fluentui/foundation-legacy": "^8.4.23",
"@fluentui/merge-styles": "^8.6.13",
- "@fluentui/react": "^8.122.6",
- "@fluentui/react-cards": "^0.205.195",
- "@fluentui/react-charting": "^5.23.40",
- "@fluentui/react-docsite-components": "^8.13.160",
- "@fluentui/react-experiments": "^8.14.192",
+ "@fluentui/react": "^8.122.7",
+ "@fluentui/react-cards": "^0.205.196",
+ "@fluentui/react-charting": "^5.23.41",
+ "@fluentui/react-docsite-components": "^8.13.161",
+ "@fluentui/react-experiments": "^8.14.193",
"@fluentui/react-file-type-icons": "^8.12.7",
"@fluentui/react-focus": "^8.9.20",
"@fluentui/react-hooks": "^8.8.16",
@@ -47,7 +47,7 @@
"@fluentui/scheme-utilities": "^8.3.65",
"@fluentui/style-utilities": "^8.11.6",
"@fluentui/theme": "^2.6.64",
- "@fluentui/theme-samples": "^8.7.195",
+ "@fluentui/theme-samples": "^8.7.196",
"@fluentui/utilities": "^8.15.19",
"@microsoft/load-themed-styles": "^1.10.26",
"d3-fetch": "3.0.1",
diff --git a/packages/react-examples/src/react-cards/Card/Card.Configure.Example.tsx b/packages/react-examples/src/react-cards/Card/Card.Configure.Example.tsx
index 41d361293f475b..7b567cc65bd149 100644
--- a/packages/react-examples/src/react-cards/Card/Card.Configure.Example.tsx
+++ b/packages/react-examples/src/react-cards/Card/Card.Configure.Example.tsx
@@ -20,7 +20,7 @@ import {
ITextStyles,
} from '@fluentui/react';
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
export type FilledSectionKey = '0' | '1' | '2' | '3';
diff --git a/packages/react-examples/src/react-cards/Card/Card.Horizontal.Example.tsx b/packages/react-examples/src/react-cards/Card/Card.Horizontal.Example.tsx
index c6dcddeece1c83..4772ebe8231d5c 100644
--- a/packages/react-examples/src/react-cards/Card/Card.Horizontal.Example.tsx
+++ b/packages/react-examples/src/react-cards/Card/Card.Horizontal.Example.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { Card, ICardTokens, ICardSectionStyles, ICardSectionTokens } from '@fluentui/react-cards';
import { FontWeights, Icon, IIconStyles, Image, Stack, IStackTokens, Text, ITextStyles } from '@fluentui/react';
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
const alertClicked = (): void => {
alert('Clicked');
diff --git a/packages/react-examples/src/react-cards/Card/Card.Vertical.Example.tsx b/packages/react-examples/src/react-cards/Card/Card.Vertical.Example.tsx
index c6af4631cb2c6c..6b12b903ecbd88 100644
--- a/packages/react-examples/src/react-cards/Card/Card.Vertical.Example.tsx
+++ b/packages/react-examples/src/react-cards/Card/Card.Vertical.Example.tsx
@@ -14,7 +14,7 @@ import {
ITextStyles,
} from '@fluentui/react';
-/* eslint-disable deprecation/deprecation */
+/* eslint-disable @typescript-eslint/no-deprecated */
const alertClicked = (): void => {
alert('Clicked');
diff --git a/packages/react-examples/src/react-charting/AreaChart/AreaChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/AreaChart/AreaChart.Basic.Example.tsx
index 387535181da0e8..1c65e5376cb2a5 100644
--- a/packages/react-examples/src/react-charting/AreaChart/AreaChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/AreaChart/AreaChart.Basic.Example.tsx
@@ -10,6 +10,7 @@ interface IAreaChartBasicState {
isCalloutselected: boolean;
showAxisTitles: boolean;
legendMultiSelect: boolean;
+ changeChartMode: boolean;
}
const options: IChoiceGroupOption[] = [
@@ -26,6 +27,7 @@ export class AreaChartBasicExample extends React.Component<{}, IAreaChartBasicSt
isCalloutselected: false,
showAxisTitles: true,
legendMultiSelect: false,
+ changeChartMode: false,
};
}
public componentDidMount(): void {
@@ -75,6 +77,11 @@ export class AreaChartBasicExample extends React.Component<{}, IAreaChartBasicSt
this.setState({ legendMultiSelect: checked });
};
+ private _onToggleChartMode = (ev: React.MouseEvent, checked: boolean) => {
+ this.forceUpdate();
+ this.setState({ changeChartMode: checked });
+ };
+
private _basicExample(): JSX.Element {
const chart1Points = [
{
@@ -181,7 +188,7 @@ export class AreaChartBasicExample extends React.Component<{}, IAreaChartBasicSt
const chart3Points = chart1Points.map((point, index) => {
return {
x: point.x,
- y: point.y - 5000,
+ y: point.y + 7000,
xAxisCalloutData: point.xAxisCalloutData,
yAxisCalloutData: point.yAxisCalloutData,
};
@@ -249,6 +256,14 @@ export class AreaChartBasicExample extends React.Component<{}, IAreaChartBasicSt
onChange={this._onToggleLegendMultiSelect}
styles={{ root: { marginTop: '10px' } }}
/>
+
{this.state.showAxisTitles && (
)}
@@ -300,6 +316,7 @@ export class AreaChartBasicExample extends React.Component<{}, IAreaChartBasicSt
legendProps={{
canSelectMultipleLegends: this.state.legendMultiSelect,
}}
+ mode={this.state.changeChartMode ? 'tozeroy' : 'tonexty'}
/>