@fluentui/react-charting 5.23.40 → 5.23.42

package/etc/react-charting.api.md

@@ -200,6 +200,7 @@ export interface IAreaChartProps extends ICartesianChartProps {
     data: IChartProps;
     enableGradient?: boolean;
     enablePerfOptimization?: boolean;
+    mode?: 'tozeroy' | 'tonexty';
     onRenderCalloutPerDataPoint?: IRenderFunction<ICustomizedCalloutData>;
     onRenderCalloutPerStack?: IRenderFunction<ICustomizedCalloutData>;
     // (undocumented)

package/lib/Styling.js

@@ -1,8 +1,8 @@
 export { AnimationClassNames, AnimationStyles, AnimationVariables, ColorClassNames, DefaultEffects, DefaultFontStyles, DefaultPalette, 
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 EdgeChromiumHighContrastSelector, FontClassNames, FontSizes, FontWeights, HighContrastSelector, HighContrastSelectorBlack, HighContrastSelectorWhite, IconFontSizes, InjectionMode, PulsingBeaconAnimationStyles, ScreenWidthMaxLarge, ScreenWidthMaxMedium, ScreenWidthMaxSmall, ScreenWidthMaxXLarge, ScreenWidthMaxXXLarge, ScreenWidthMinLarge, ScreenWidthMinMedium, ScreenWidthMinSmall, ScreenWidthMinUhfMobile, ScreenWidthMinXLarge, ScreenWidthMinXXLarge, ScreenWidthMinXXXLarge, Stylesheet, ThemeSettingName, ZIndexes, buildClassMap, concatStyleSets, concatStyleSetsWithProps, createFontStyles, createTheme, focusClear, fontFace, 
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 getEdgeChromiumNoHighContrastAdjustSelector, getFadedOverflowStyle, getFocusOutlineStyle, 
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 getFocusStyle, getGlobalClassNames, getHighContrastNoAdjustStyle, getIcon, getIconClassName, getInputFocusStyle, getPlaceholderStyles, getScreenSelector, getTheme, getThemedContext, hiddenContentStyle, keyframes, loadTheme, mergeStyleSets, mergeStyles, noWrap, normalize, registerDefaultFontFaces, registerIconAlias, registerIcons, registerOnThemeChangeCallback, removeOnThemeChangeCallback, setIconOptions, unregisterIcons, } from '@fluentui/react/lib/Styling';
 //# sourceMappingURL=Styling.js.map

package/lib/Styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc;AACd,mDAAmD;AACnD,gCAAgC,EAChC,cAAc,EACd,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,QAAQ;AACR,mDAAmD;AACnD,2CAA2C,EAC3C,qBAAqB,EACrB,oBAAoB;AACpB,mDAAmD;AACnD,aAAa,EACb,mBAAmB,EACnB,4BAA4B,EAC5B,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,6BAA6B,EAC7B,2BAA2B,EAC3B,cAAc,EACd,eAAe,GAChB,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n  AnimationClassNames,\n  AnimationStyles,\n  AnimationVariables,\n  ColorClassNames,\n  DefaultEffects,\n  DefaultFontStyles,\n  DefaultPalette,\n  // eslint-disable-next-line deprecation/deprecation\n  EdgeChromiumHighContrastSelector,\n  FontClassNames,\n  FontSizes,\n  FontWeights,\n  HighContrastSelector,\n  HighContrastSelectorBlack,\n  HighContrastSelectorWhite,\n  IconFontSizes,\n  InjectionMode,\n  PulsingBeaconAnimationStyles,\n  ScreenWidthMaxLarge,\n  ScreenWidthMaxMedium,\n  ScreenWidthMaxSmall,\n  ScreenWidthMaxXLarge,\n  ScreenWidthMaxXXLarge,\n  ScreenWidthMinLarge,\n  ScreenWidthMinMedium,\n  ScreenWidthMinSmall,\n  ScreenWidthMinUhfMobile,\n  ScreenWidthMinXLarge,\n  ScreenWidthMinXXLarge,\n  ScreenWidthMinXXXLarge,\n  Stylesheet,\n  ThemeSettingName,\n  ZIndexes,\n  buildClassMap,\n  concatStyleSets,\n  concatStyleSetsWithProps,\n  createFontStyles,\n  createTheme,\n  focusClear,\n  fontFace,\n  // eslint-disable-next-line deprecation/deprecation\n  getEdgeChromiumNoHighContrastAdjustSelector,\n  getFadedOverflowStyle,\n  getFocusOutlineStyle,\n  // eslint-disable-next-line deprecation/deprecation\n  getFocusStyle,\n  getGlobalClassNames,\n  getHighContrastNoAdjustStyle,\n  getIcon,\n  getIconClassName,\n  getInputFocusStyle,\n  getPlaceholderStyles,\n  getScreenSelector,\n  getTheme,\n  getThemedContext,\n  hiddenContentStyle,\n  keyframes,\n  loadTheme,\n  mergeStyleSets,\n  mergeStyles,\n  noWrap,\n  normalize,\n  registerDefaultFontFaces,\n  registerIconAlias,\n  registerIcons,\n  registerOnThemeChangeCallback,\n  removeOnThemeChangeCallback,\n  setIconOptions,\n  unregisterIcons,\n} from '@fluentui/react/lib/Styling';\nexport type {\n  GlobalClassNames,\n  IAnimationStyles,\n  IAnimationVariables,\n  ICSPSettings,\n  IEffects,\n  IFontFace,\n  IFontStyles,\n  IFontWeight,\n  IGetFocusStylesOptions,\n  IIconOptions,\n  IIconRecord,\n  IIconSubset,\n  IIconSubsetRecord,\n  IPalette,\n  IPartialTheme,\n  IProcessedStyleSet,\n  IRawStyle,\n  IScheme,\n  ISchemeNames,\n  ISemanticColors,\n  ISemanticTextColors,\n  ISpacing,\n  IStyle,\n  IStyleSet,\n  IStyleSheetConfig,\n  ITheme,\n} from '@fluentui/react/lib/Styling';\n"]}
+{"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc;AACd,4DAA4D;AAC5D,gCAAgC,EAChC,cAAc,EACd,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,QAAQ;AACR,4DAA4D;AAC5D,2CAA2C,EAC3C,qBAAqB,EACrB,oBAAoB;AACpB,4DAA4D;AAC5D,aAAa,EACb,mBAAmB,EACnB,4BAA4B,EAC5B,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,6BAA6B,EAC7B,2BAA2B,EAC3B,cAAc,EACd,eAAe,GAChB,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n  AnimationClassNames,\n  AnimationStyles,\n  AnimationVariables,\n  ColorClassNames,\n  DefaultEffects,\n  DefaultFontStyles,\n  DefaultPalette,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  EdgeChromiumHighContrastSelector,\n  FontClassNames,\n  FontSizes,\n  FontWeights,\n  HighContrastSelector,\n  HighContrastSelectorBlack,\n  HighContrastSelectorWhite,\n  IconFontSizes,\n  InjectionMode,\n  PulsingBeaconAnimationStyles,\n  ScreenWidthMaxLarge,\n  ScreenWidthMaxMedium,\n  ScreenWidthMaxSmall,\n  ScreenWidthMaxXLarge,\n  ScreenWidthMaxXXLarge,\n  ScreenWidthMinLarge,\n  ScreenWidthMinMedium,\n  ScreenWidthMinSmall,\n  ScreenWidthMinUhfMobile,\n  ScreenWidthMinXLarge,\n  ScreenWidthMinXXLarge,\n  ScreenWidthMinXXXLarge,\n  Stylesheet,\n  ThemeSettingName,\n  ZIndexes,\n  buildClassMap,\n  concatStyleSets,\n  concatStyleSetsWithProps,\n  createFontStyles,\n  createTheme,\n  focusClear,\n  fontFace,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  getEdgeChromiumNoHighContrastAdjustSelector,\n  getFadedOverflowStyle,\n  getFocusOutlineStyle,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  getFocusStyle,\n  getGlobalClassNames,\n  getHighContrastNoAdjustStyle,\n  getIcon,\n  getIconClassName,\n  getInputFocusStyle,\n  getPlaceholderStyles,\n  getScreenSelector,\n  getTheme,\n  getThemedContext,\n  hiddenContentStyle,\n  keyframes,\n  loadTheme,\n  mergeStyleSets,\n  mergeStyles,\n  noWrap,\n  normalize,\n  registerDefaultFontFaces,\n  registerIconAlias,\n  registerIcons,\n  registerOnThemeChangeCallback,\n  removeOnThemeChangeCallback,\n  setIconOptions,\n  unregisterIcons,\n} from '@fluentui/react/lib/Styling';\nexport type {\n  GlobalClassNames,\n  IAnimationStyles,\n  IAnimationVariables,\n  ICSPSettings,\n  IEffects,\n  IFontFace,\n  IFontStyles,\n  IFontWeight,\n  IGetFocusStylesOptions,\n  IIconOptions,\n  IIconRecord,\n  IIconSubset,\n  IIconSubsetRecord,\n  IPalette,\n  IPartialTheme,\n  IProcessedStyleSet,\n  IRawStyle,\n  IScheme,\n  ISchemeNames,\n  ISemanticColors,\n  ISemanticTextColors,\n  ISpacing,\n  IStyle,\n  IStyleSet,\n  IStyleSheetConfig,\n  ITheme,\n} from '@fluentui/react/lib/Styling';\n"]}

package/lib/Utilities.js

@@ -1,20 +1,2 @@
-export { Async, AutoScroll, 
-// eslint-disable-next-line deprecation/deprecation
-BaseComponent, Customizations, 
-// eslint-disable-next-line deprecation/deprecation
-Customizer, CustomizerContext, DATA_IS_SCROLLABLE_ATTRIBUTE, DATA_PORTAL_ATTRIBUTE, DelayedRender, EventGroup, FabricPerformance, FocusRects, GlobalSettings, IsFocusVisibleClassName, KeyCodes, Rectangle, SELECTION_CHANGE, Selection, SelectionDirection, SelectionMode, addDirectionalKeyCode, addElementAtIndex, allowOverscrollOnElement, allowScrollOnElement, anchorProperties, appendFunction, arraysEqual, asAsync, assertNever, assign, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, calculatePrecision, canUseDOM, classNamesFunction, colGroupProperties, colProperties, composeComponentAs, composeRenderFunction, createArray, createMemoizer, createMergedRef, css, customizable, disableBodyScroll, divProperties, doesElementContainFocus, elementContains, elementContainsAttribute, enableBodyScroll, extendComponent, filteredAssign, find, findElementRecursive, findIndex, findScrollableParent, fitContentToBounds, flatten, focusAsync, focusFirstChild, formProperties, format, getChildren, getDistanceBetweenPoints, getDocument, getElementIndexPath, getFirstFocusable, getFirstTabbable, getFirstVisibleElementFromSelector, getFocusableByIndexPath, getId, getInitials, getLanguage, getLastFocusable, getLastTabbable, getNativeElementProps, getNativeProps, getNextElement, getParent, getPreviousElement, getPropsWithDefaults, getRTL, getRTLSafeKeyCode, getRect, 
-// eslint-disable-next-line deprecation/deprecation
-getResourceUrl, getScrollbarWidth, getVirtualParent, getWindow, hasHorizontalOverflow, hasOverflow, hasVerticalOverflow, hoistMethods, hoistStatics, htmlElementProperties, iframeProperties, 
-// eslint-disable-next-line deprecation/deprecation
-imageProperties, imgProperties, initializeComponentRef, 
-// eslint-disable-next-line deprecation/deprecation
-initializeFocusRects, inputProperties, isControlled, isDirectionalKeyCode, isElementFocusSubZone, isElementFocusZone, isElementTabbable, isElementVisible, isElementVisibleAndNotHidden, isIE11, isIOS, isMac, isVirtualElement, labelProperties, liProperties, mapEnumByName, memoize, memoizeFunction, merge, mergeAriaAttributeValues, mergeCustomizations, mergeScopedSettings, mergeSettings, modalize, nullRender, olProperties, omit, on, optionProperties, portalContainsElement, precisionRound, 
-// eslint-disable-next-line deprecation/deprecation
-raiseClick, removeIndex, replaceElement, resetControlledWarnings, resetIds, resetMemoizations, safeRequestAnimationFrame, safeSetTimeout, selectProperties, 
-// eslint-disable-next-line deprecation/deprecation
-setBaseUrl, setFocusVisibility, 
-// eslint-disable-next-line deprecation/deprecation
-setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, 
-// eslint-disable-next-line deprecation/deprecation
-setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
+export { Async, AutoScroll, BaseComponent, Customizations, Customizer, CustomizerContext, DATA_IS_SCROLLABLE_ATTRIBUTE, DATA_PORTAL_ATTRIBUTE, DelayedRender, EventGroup, FabricPerformance, FocusRects, GlobalSettings, IsFocusVisibleClassName, KeyCodes, Rectangle, SELECTION_CHANGE, Selection, SelectionDirection, SelectionMode, addDirectionalKeyCode, addElementAtIndex, allowOverscrollOnElement, allowScrollOnElement, anchorProperties, appendFunction, arraysEqual, asAsync, assertNever, assign, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, calculatePrecision, canUseDOM, classNamesFunction, colGroupProperties, colProperties, composeComponentAs, composeRenderFunction, createArray, createMemoizer, createMergedRef, css, customizable, disableBodyScroll, divProperties, doesElementContainFocus, elementContains, elementContainsAttribute, enableBodyScroll, extendComponent, filteredAssign, find, findElementRecursive, findIndex, findScrollableParent, fitContentToBounds, flatten, focusAsync, focusFirstChild, formProperties, format, getChildren, getDistanceBetweenPoints, getDocument, getElementIndexPath, getFirstFocusable, getFirstTabbable, getFirstVisibleElementFromSelector, getFocusableByIndexPath, getId, getInitials, getLanguage, getLastFocusable, getLastTabbable, getNativeElementProps, getNativeProps, getNextElement, getParent, getPreviousElement, getPropsWithDefaults, getRTL, getRTLSafeKeyCode, getRect, getResourceUrl, getScrollbarWidth, getVirtualParent, getWindow, hasHorizontalOverflow, hasOverflow, hasVerticalOverflow, hoistMethods, hoistStatics, htmlElementProperties, iframeProperties, imageProperties, imgProperties, initializeComponentRef, initializeFocusRects, inputProperties, isControlled, isDirectionalKeyCode, isElementFocusSubZone, isElementFocusZone, isElementTabbable, isElementVisible, isElementVisibleAndNotHidden, isIE11, isIOS, isMac, isVirtualElement, labelProperties, liProperties, mapEnumByName, memoize, memoizeFunction, merge, mergeAriaAttributeValues, mergeCustomizations, mergeScopedSettings, mergeSettings, modalize, nullRender, olProperties, omit, on, optionProperties, portalContainsElement, precisionRound, raiseClick, removeIndex, replaceElement, resetControlledWarnings, resetIds, resetMemoizations, safeRequestAnimationFrame, safeSetTimeout, selectProperties, setBaseUrl, setFocusVisibility, setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
 //# sourceMappingURL=Utilities.js.map

package/lib/Utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n  Async,\n  AutoScroll,\n  // eslint-disable-next-line deprecation/deprecation\n  BaseComponent,\n  Customizations,\n  // eslint-disable-next-line deprecation/deprecation\n  Customizer,\n  CustomizerContext,\n  DATA_IS_SCROLLABLE_ATTRIBUTE,\n  DATA_PORTAL_ATTRIBUTE,\n  DelayedRender,\n  EventGroup,\n  FabricPerformance,\n  FocusRects,\n  GlobalSettings,\n  IsFocusVisibleClassName,\n  KeyCodes,\n  Rectangle,\n  SELECTION_CHANGE,\n  Selection,\n  SelectionDirection,\n  SelectionMode,\n  addDirectionalKeyCode,\n  addElementAtIndex,\n  allowOverscrollOnElement,\n  allowScrollOnElement,\n  anchorProperties,\n  appendFunction,\n  arraysEqual,\n  asAsync,\n  assertNever,\n  assign,\n  audioProperties,\n  baseElementEvents,\n  baseElementProperties,\n  buttonProperties,\n  calculatePrecision,\n  canUseDOM,\n  classNamesFunction,\n  colGroupProperties,\n  colProperties,\n  composeComponentAs,\n  composeRenderFunction,\n  createArray,\n  createMemoizer,\n  createMergedRef,\n  css,\n  customizable,\n  disableBodyScroll,\n  divProperties,\n  doesElementContainFocus,\n  elementContains,\n  elementContainsAttribute,\n  enableBodyScroll,\n  extendComponent,\n  filteredAssign,\n  find,\n  findElementRecursive,\n  findIndex,\n  findScrollableParent,\n  fitContentToBounds,\n  flatten,\n  focusAsync,\n  focusFirstChild,\n  formProperties,\n  format,\n  getChildren,\n  getDistanceBetweenPoints,\n  getDocument,\n  getElementIndexPath,\n  getFirstFocusable,\n  getFirstTabbable,\n  getFirstVisibleElementFromSelector,\n  getFocusableByIndexPath,\n  getId,\n  getInitials,\n  getLanguage,\n  getLastFocusable,\n  getLastTabbable,\n  getNativeElementProps,\n  getNativeProps,\n  getNextElement,\n  getParent,\n  getPreviousElement,\n  getPropsWithDefaults,\n  getRTL,\n  getRTLSafeKeyCode,\n  getRect,\n  // eslint-disable-next-line deprecation/deprecation\n  getResourceUrl,\n  getScrollbarWidth,\n  getVirtualParent,\n  getWindow,\n  hasHorizontalOverflow,\n  hasOverflow,\n  hasVerticalOverflow,\n  hoistMethods,\n  hoistStatics,\n  htmlElementProperties,\n  iframeProperties,\n  // eslint-disable-next-line deprecation/deprecation\n  imageProperties,\n  imgProperties,\n  initializeComponentRef,\n  // eslint-disable-next-line deprecation/deprecation\n  initializeFocusRects,\n  inputProperties,\n  isControlled,\n  isDirectionalKeyCode,\n  isElementFocusSubZone,\n  isElementFocusZone,\n  isElementTabbable,\n  isElementVisible,\n  isElementVisibleAndNotHidden,\n  isIE11,\n  isIOS,\n  isMac,\n  isVirtualElement,\n  labelProperties,\n  liProperties,\n  mapEnumByName,\n  memoize,\n  memoizeFunction,\n  merge,\n  mergeAriaAttributeValues,\n  mergeCustomizations,\n  mergeScopedSettings,\n  mergeSettings,\n  modalize,\n  nullRender,\n  olProperties,\n  omit,\n  on,\n  optionProperties,\n  portalContainsElement,\n  precisionRound,\n  // eslint-disable-next-line deprecation/deprecation\n  raiseClick,\n  removeIndex,\n  replaceElement,\n  resetControlledWarnings,\n  resetIds,\n  resetMemoizations,\n  safeRequestAnimationFrame,\n  safeSetTimeout,\n  selectProperties,\n  // eslint-disable-next-line deprecation/deprecation\n  setBaseUrl,\n  setFocusVisibility,\n  // eslint-disable-next-line deprecation/deprecation\n  setLanguage,\n  setMemoizeWeakMap,\n  setPortalAttribute,\n  setRTL,\n  // eslint-disable-next-line deprecation/deprecation\n  setSSR,\n  setVirtualParent,\n  setWarningCallback,\n  shallowCompare,\n  shouldWrapFocus,\n  styled,\n  tableProperties,\n  tdProperties,\n  textAreaProperties,\n  thProperties,\n  toMatrix,\n  trProperties,\n  unhoistMethods,\n  useCustomizationSettings,\n  useFocusRects,\n  values,\n  videoProperties,\n  warn,\n  warnConditionallyRequiredProps,\n  warnControlledUsage,\n  warnDeprecations,\n  warnMutuallyExclusive,\n} from '@fluentui/react/lib/Utilities';\nexport type {\n  FitMode,\n  IAsAsyncOptions,\n  IBaseProps,\n  ICancelable,\n  IChangeDescription,\n  IChangeEventCallback,\n  // eslint-disable-next-line deprecation/deprecation\n  IClassNames,\n  IClassNamesFunctionOptions,\n  IComponentAs,\n  IComponentAsProps,\n  ICssInput,\n  ICustomizableProps,\n  ICustomizations,\n  ICustomizerContext,\n  ICustomizerProps,\n  IDeclaredEventsByName,\n  IDelayedRenderProps,\n  IDelayedRenderState,\n  IDictionary,\n  IDisposable,\n  IEventRecord,\n  IEventRecordList,\n  IEventRecordsByName,\n  IFitContentToBoundsOptions,\n  IObjectWithKey,\n  IPerfData,\n  IPerfMeasurement,\n  IPerfSummary,\n  // eslint-disable-next-line deprecation/deprecation\n  IPoint,\n  IPropsWithStyles,\n  IRectangle,\n  IRefObject,\n  IRenderComponent,\n  IRenderFunction,\n  ISelection,\n  ISelectionOptions,\n  ISelectionOptionsWithRequiredGetKey,\n  ISerializableObject,\n  ISettings,\n  ISettingsFunction,\n  ISettingsMap,\n  ISize,\n  IStyleFunction,\n  IStyleFunctionOrObject,\n  IVirtualElement,\n  IWarnControlledUsageParams,\n  // eslint-disable-next-line deprecation/deprecation\n  Omit,\n  Point,\n  RefObject,\n  // eslint-disable-next-line deprecation/deprecation\n  Settings,\n  // eslint-disable-next-line deprecation/deprecation\n  SettingsFunction,\n  StyleFunction,\n} from '@fluentui/react/lib/Utilities';\n"]}
+{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,4BAA4B,EAC5B,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,OAAO,EACP,WAAW,EACX,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,eAAe,EACf,GAAG,EACH,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,uBAAuB,EACvB,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,IAAI,EACJ,oBAAoB,EACpB,SAAS,EACT,oBAAoB,EACpB,kBAAkB,EAClB,OAAO,EACP,UAAU,EACV,eAAe,EACf,cAAc,EACd,MAAM,EACN,WAAW,EACX,wBAAwB,EACxB,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,kCAAkC,EAClC,uBAAuB,EACvB,KAAK,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,4BAA4B,EAC5B,MAAM,EACN,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,OAAO,EACP,eAAe,EACf,KAAK,EACL,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,EAAE,EACF,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,WAAW,EACX,cAAc,EACd,uBAAuB,EACvB,QAAQ,EACR,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,MAAM,EACN,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,wBAAwB,EACxB,aAAa,EACb,MAAM,EACN,eAAe,EACf,IAAI,EACJ,8BAA8B,EAC9B,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,+BAA+B,CAAC","sourcesContent":["export {\n  Async,\n  AutoScroll,\n  BaseComponent,\n  Customizations,\n  Customizer,\n  CustomizerContext,\n  DATA_IS_SCROLLABLE_ATTRIBUTE,\n  DATA_PORTAL_ATTRIBUTE,\n  DelayedRender,\n  EventGroup,\n  FabricPerformance,\n  FocusRects,\n  GlobalSettings,\n  IsFocusVisibleClassName,\n  KeyCodes,\n  Rectangle,\n  SELECTION_CHANGE,\n  Selection,\n  SelectionDirection,\n  SelectionMode,\n  addDirectionalKeyCode,\n  addElementAtIndex,\n  allowOverscrollOnElement,\n  allowScrollOnElement,\n  anchorProperties,\n  appendFunction,\n  arraysEqual,\n  asAsync,\n  assertNever,\n  assign,\n  audioProperties,\n  baseElementEvents,\n  baseElementProperties,\n  buttonProperties,\n  calculatePrecision,\n  canUseDOM,\n  classNamesFunction,\n  colGroupProperties,\n  colProperties,\n  composeComponentAs,\n  composeRenderFunction,\n  createArray,\n  createMemoizer,\n  createMergedRef,\n  css,\n  customizable,\n  disableBodyScroll,\n  divProperties,\n  doesElementContainFocus,\n  elementContains,\n  elementContainsAttribute,\n  enableBodyScroll,\n  extendComponent,\n  filteredAssign,\n  find,\n  findElementRecursive,\n  findIndex,\n  findScrollableParent,\n  fitContentToBounds,\n  flatten,\n  focusAsync,\n  focusFirstChild,\n  formProperties,\n  format,\n  getChildren,\n  getDistanceBetweenPoints,\n  getDocument,\n  getElementIndexPath,\n  getFirstFocusable,\n  getFirstTabbable,\n  getFirstVisibleElementFromSelector,\n  getFocusableByIndexPath,\n  getId,\n  getInitials,\n  getLanguage,\n  getLastFocusable,\n  getLastTabbable,\n  getNativeElementProps,\n  getNativeProps,\n  getNextElement,\n  getParent,\n  getPreviousElement,\n  getPropsWithDefaults,\n  getRTL,\n  getRTLSafeKeyCode,\n  getRect,\n  getResourceUrl,\n  getScrollbarWidth,\n  getVirtualParent,\n  getWindow,\n  hasHorizontalOverflow,\n  hasOverflow,\n  hasVerticalOverflow,\n  hoistMethods,\n  hoistStatics,\n  htmlElementProperties,\n  iframeProperties,\n  imageProperties,\n  imgProperties,\n  initializeComponentRef,\n  initializeFocusRects,\n  inputProperties,\n  isControlled,\n  isDirectionalKeyCode,\n  isElementFocusSubZone,\n  isElementFocusZone,\n  isElementTabbable,\n  isElementVisible,\n  isElementVisibleAndNotHidden,\n  isIE11,\n  isIOS,\n  isMac,\n  isVirtualElement,\n  labelProperties,\n  liProperties,\n  mapEnumByName,\n  memoize,\n  memoizeFunction,\n  merge,\n  mergeAriaAttributeValues,\n  mergeCustomizations,\n  mergeScopedSettings,\n  mergeSettings,\n  modalize,\n  nullRender,\n  olProperties,\n  omit,\n  on,\n  optionProperties,\n  portalContainsElement,\n  precisionRound,\n  raiseClick,\n  removeIndex,\n  replaceElement,\n  resetControlledWarnings,\n  resetIds,\n  resetMemoizations,\n  safeRequestAnimationFrame,\n  safeSetTimeout,\n  selectProperties,\n  setBaseUrl,\n  setFocusVisibility,\n  setLanguage,\n  setMemoizeWeakMap,\n  setPortalAttribute,\n  setRTL,\n  setSSR,\n  setVirtualParent,\n  setWarningCallback,\n  shallowCompare,\n  shouldWrapFocus,\n  styled,\n  tableProperties,\n  tdProperties,\n  textAreaProperties,\n  thProperties,\n  toMatrix,\n  trProperties,\n  unhoistMethods,\n  useCustomizationSettings,\n  useFocusRects,\n  values,\n  videoProperties,\n  warn,\n  warnConditionallyRequiredProps,\n  warnControlledUsage,\n  warnDeprecations,\n  warnMutuallyExclusive,\n} from '@fluentui/react/lib/Utilities';\nexport type {\n  FitMode,\n  IAsAsyncOptions,\n  IBaseProps,\n  ICancelable,\n  IChangeDescription,\n  IChangeEventCallback,\n  IClassNames,\n  IClassNamesFunctionOptions,\n  IComponentAs,\n  IComponentAsProps,\n  ICssInput,\n  ICustomizableProps,\n  ICustomizations,\n  ICustomizerContext,\n  ICustomizerProps,\n  IDeclaredEventsByName,\n  IDelayedRenderProps,\n  IDelayedRenderState,\n  IDictionary,\n  IDisposable,\n  IEventRecord,\n  IEventRecordList,\n  IEventRecordsByName,\n  IFitContentToBoundsOptions,\n  IObjectWithKey,\n  IPerfData,\n  IPerfMeasurement,\n  IPerfSummary,\n  IPoint,\n  IPropsWithStyles,\n  IRectangle,\n  IRefObject,\n  IRenderComponent,\n  IRenderFunction,\n  ISelection,\n  ISelectionOptions,\n  ISelectionOptionsWithRequiredGetKey,\n  ISerializableObject,\n  ISettings,\n  ISettingsFunction,\n  ISettingsMap,\n  ISize,\n  IStyleFunction,\n  IStyleFunctionOrObject,\n  IVirtualElement,\n  IWarnControlledUsageParams,\n  Omit,\n  Point,\n  RefObject,\n  Settings,\n  SettingsFunction,\n  StyleFunction,\n} from '@fluentui/react/lib/Utilities';\n"]}

package/lib/components/AreaChart/AreaChart.base.d.ts

@@ -10,7 +10,7 @@ export interface IAreaChartAreaPoint {
     values: IAreaChartDataSetPoint;
 }
 export interface IAreaChartDataSetPoint {
-    [key: string]: number | string;
+    [key: string]: number | string | number[];
 }
 export interface IDPointType {
     values: {
@@ -47,7 +47,7 @@ export declare class AreaChartBase extends React.Component<IAreaChartProps, IAre
     private _verticalLineId;
     private _circleId;
     private _uniqueCallOutID;
-    private _stackedData;
+    private _data;
     private _chart;
     private margins;
     private _rectId;
@@ -71,7 +71,7 @@ export declare class AreaChartBase extends React.Component<IAreaChartProps, IAre
      */
     private _onRectMouseOut;
     private _handleChartMouseLeave;
-    private _getStackedData;
+    private _getDataPoints;
     private _createDataSet;
     private _getCustomizedCallout;
     private _getGraphData;

package/lib/components/AreaChart/AreaChart.base.js

@@ -163,25 +163,47 @@ var AreaChartBase = /** @class */ (function (_super) {
             });
         };
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _this._getStackedData = function (keys, dataSet) {
-            var stackedValues = d3Stack().keys(keys)(dataSet);
-            var maxOfYVal = d3Max(stackedValues[stackedValues.length - 1], function (dp) { return dp[1]; });
-            var stackedData = [];
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            stackedValues.forEach(function (layer) {
-                var currentStack = [];
+        _this._getDataPoints = function (keys, dataSet) {
+            var _a;
+            var renderPoints = [];
+            var maxOfYVal = 0;
+            if (_this.props.mode === 'tozeroy') {
+                keys.forEach(function (key, index) {
+                    var currentLayer = [];
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    dataSet.forEach(function (d) {
+                        currentLayer.push({
+                            values: [0, d[key]], // Start from zero for "tozeroy" mode
+                            xVal: d.xVal,
+                        });
+                        if (d[key] > maxOfYVal) {
+                            maxOfYVal = d[key];
+                        }
+                    });
+                    renderPoints.push(currentLayer);
+                });
+            }
+            else {
+                var dataValues = d3Stack().keys(keys)(dataSet);
+                maxOfYVal = d3Max(dataValues[dataValues.length - 1], function (dp) { return dp[1]; });
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                layer.forEach(function (d) {
-                    currentStack.push({
-                        values: d,
-                        xVal: d.data.xVal,
+                dataValues.forEach(function (layer) {
+                    var currentLayer = [];
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    layer.forEach(function (d) {
+                        currentLayer.push({
+                            values: d,
+                            xVal: d.data.xVal,
+                        });
                     });
+                    renderPoints.push(currentLayer);
                 });
-                stackedData.push(currentStack);
-            });
-            _this._isMultiStackChart = stackedData && stackedData.length > 1 ? true : false;
+            }
+            _this._isMultiStackChart = !!(((_a = _this.props.legendProps) === null || _a === void 0 ? void 0 : _a.selectedLegends)
+                ? (renderPoints === null || renderPoints === void 0 ? void 0 : renderPoints.length) >= 1
+                : (renderPoints === null || renderPoints === void 0 ? void 0 : renderPoints.length) > 1);
             return {
-                stackedData: stackedData,
+                renderData: renderPoints,
                 maxOfYVal: maxOfYVal,
             };
         };
@@ -220,20 +242,20 @@ var AreaChartBase = /** @class */ (function (_super) {
                     });
                     dataSet_1.push(singleDataset);
                 });
-                // get keys from dataset, used to create stacked data
+                // get keys from dataset, used to render data
                 var keysLength = dataSet_1 && Object.keys(dataSet_1[0]).length;
                 var keys = [];
                 for (var i = 0; i < keysLength - 1; i++) {
                     var keyVal = "chart".concat(i);
                     keys.push(keyVal);
                 }
-                // Stacked Info used to draw graph
-                var stackedInfo = _this._getStackedData(keys, dataSet_1);
+                // Data used to draw graph
+                var data = _this._getDataPoints(keys, dataSet_1);
                 return {
                     colors: colors_1,
                     opacity: opacity_1,
                     keys: keys,
-                    stackedInfo: stackedInfo,
+                    data: data,
                     calloutPoints: calloutPoints,
                 };
             }
@@ -275,13 +297,13 @@ var AreaChartBase = /** @class */ (function (_super) {
                     var keyVal = "chart".concat(i);
                     keys.push(keyVal);
                 }
-                // Stacked Info used to draw graph
-                var stackedInfo = _this._getStackedData(keys, dataSet);
+                // Data used to draw graph
+                var data = _this._getDataPoints(keys, dataSet);
                 return {
                     colors: colors_2,
                     opacity: opacity_2,
                     keys: keys,
-                    stackedInfo: stackedInfo,
+                    data: data,
                     calloutPoints: calloutPoints,
                 };
             }
@@ -385,15 +407,16 @@ var AreaChartBase = /** @class */ (function (_super) {
             var graph = [];
             var lineColor;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            _this._stackedData.forEach(function (singleStackedData, index) {
+            _this._data.forEach(function (singleStackedData, index) {
                 var _a, _b, _c, _d, _e;
+                var layerOpacity = _this.props.mode === 'tozeroy' ? 0.8 : _this._opacity[index];
                 graph.push(React.createElement(React.Fragment, { key: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph) },
                     _this.props.enableGradient && (React.createElement("defs", null,
                         React.createElement("linearGradient", { id: "gradient_".concat(index), x1: "0%", x2: "0%", y1: "0%", y2: "100%" },
                             React.createElement("stop", { offset: "0", stopColor: _this._colors[index] }),
                             React.createElement("stop", { offset: "100%", stopColor: "transparent" })))),
                     React.createElement("path", { id: "".concat(index, "-line-").concat(_this._uniqueIdForGraph), d: line(singleStackedData), fill: 'transparent', strokeWidth: (_b = (_a = points[index].lineOptions) === null || _a === void 0 ? void 0 : _a.strokeWidth) !== null && _b !== void 0 ? _b : 3, stroke: _this._colors[index], opacity: _this._getLineOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove, strokeDasharray: (_c = points[index].lineOptions) === null || _c === void 0 ? void 0 : _c.strokeDasharray, strokeDashoffset: (_d = points[index].lineOptions) === null || _d === void 0 ? void 0 : _d.strokeDashoffset, strokeLinecap: (_e = points[index].lineOptions) === null || _e === void 0 ? void 0 : _e.strokeLinecap }),
-                    singleStackedData.length === 1 ? (React.createElement("circle", { id: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph), cx: xScale(singleStackedData[0].xVal), cy: yScale(singleStackedData[0].values[1]), r: 6, stroke: _this._colors[index], strokeWidth: 3, fill: _this._colors[index], opacity: _this._opacity[index], fillOpacity: _this._getOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove })) : (React.createElement("path", __assign({ id: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph), d: area(singleStackedData), fill: _this.props.enableGradient ? "url(#gradient_".concat(index, ")") : _this._colors[index], opacity: _this._opacity[index], fillOpacity: _this._getOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove }, (_this.props.optimizeLargeData && {
+                    singleStackedData.length === 1 ? (React.createElement("circle", { id: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph), cx: xScale(singleStackedData[0].xVal), cy: yScale(singleStackedData[0].values[1]), r: 6, stroke: _this._colors[index], strokeWidth: 3, fill: _this._colors[index], opacity: layerOpacity, fillOpacity: _this._getOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove })) : (React.createElement("path", __assign({ id: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph), d: area(singleStackedData), fill: _this.props.enableGradient ? "url(#gradient_".concat(index, ")") : _this._colors[index], opacity: layerOpacity, fillOpacity: _this._getOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove }, (_this.props.optimizeLargeData && {
                         'data-is-focusable': _this._legendHighlighted(points[index].legend) || _this._noLegendHighlighted(),
                         role: 'img',
                         'aria-label': "".concat(points[index].legend, ", series ").concat(index + 1, " of ").concat(points.length, " with ").concat(points[index].data.length, " data points."),
@@ -401,14 +424,14 @@ var AreaChartBase = /** @class */ (function (_super) {
             });
             var circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            _this._stackedData.forEach(function (singleStackedData, index) {
+            _this._data.forEach(function (singleStackedData, index) {
                 if (points.length === index) {
                     return;
                 }
                 if (!_this.props.optimizeLargeData || singleStackedData.length === 1) {
                     // Render circles for all data points
                     graph.push(React.createElement("g", { key: "".concat(index, "-dots-").concat(_this._uniqueIdForGraph), d: area(singleStackedData), clipPath: "url(#clip)", role: "region", "aria-label": "".concat(points[index].legend, ", series ").concat(index + 1, " of ").concat(points.length, " with ").concat(points[index].data.length, " data points.") }, singleStackedData.map(function (singlePoint, pointIndex) {
-                        var circleId = "".concat(_this._circleId, "_").concat(index * _this._stackedData[0].length + pointIndex);
+                        var circleId = "".concat(_this._circleId, "_").concat(index * _this._data[0].length + pointIndex);
                         var xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;
                         lineColor = points[index].color;
                         var legend = points[index].legend;
@@ -420,7 +443,7 @@ var AreaChartBase = /** @class */ (function (_super) {
                     singleStackedData.forEach(function (singlePoint, pointIndex) {
                         var xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;
                         if (_this.state.nearestCircleToHighlight === xDataPoint) {
-                            var circleId = "".concat(_this._circleId, "_").concat(index * _this._stackedData[0].length + pointIndex);
+                            var circleId = "".concat(_this._circleId, "_").concat(index * _this._data[0].length + pointIndex);
                             lineColor = points[index].color;
                             var legend = points[index].legend;
                             graph.push(React.createElement("circle", __assign({ key: circleId, id: circleId, cx: xScale(singlePoint.xVal), cy: yScale(singlePoint.values[1]), stroke: lineColor, strokeWidth: 3, fill: _this._updateCircleFillColor(xDataPoint, lineColor, circleId), onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove, onClick: _this._onDataPointClick.bind(_this, points[index].data[pointIndex].onDataPointClick) }, getSecureProps(pointOptions), { r: _this._getCircleRadius(xDataPoint, circleRadius, circleId, legend) })));
@@ -599,19 +622,19 @@ var AreaChartBase = /** @class */ (function (_super) {
         if (!this._isChartEmpty()) {
             var lineChartData = this.props.data.lineChartData;
             var points = this._addDefaultColors(lineChartData);
-            var _a = this._createSet(points), colors = _a.colors, opacity = _a.opacity, stackedInfo = _a.stackedInfo, calloutPoints = _a.calloutPoints;
+            var _a = this._createSet(points), colors = _a.colors, opacity = _a.opacity, data = _a.data, calloutPoints = _a.calloutPoints;
             this._calloutPoints = calloutPoints;
             var isXAxisDateType = getXAxisType(points);
             this._colors = colors;
             this._opacity = opacity;
-            this._stackedData = stackedInfo.stackedData;
+            this._data = data.renderData;
             var legends = this._getLegendData(points);
             var tickParams = {
                 tickValues: this.props.tickValues,
                 tickFormat: this.props.tickFormat,
             };
             var calloutProps = __assign({ target: this.state.refSelected, isCalloutVisible: this.state.isCalloutVisible, directionalHint: DirectionalHint.topAutoEdge, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, id: "toolTip".concat(this._uniqueCallOutID), gapSpace: 15, isBeakVisible: false, onDismiss: this._closeCallout, 'data-is-focusable': true, xAxisCalloutAccessibilityData: this.state.xAxisCalloutAccessibilityData }, this.props.calloutProps);
-            return (React.createElement(CartesianChart, __assign({}, this.props, { chartTitle: this._getChartTitle(), points: points, chartType: ChartTypes.AreaChart, calloutProps: calloutProps, legendBars: legends, createYAxis: createNumericYAxis, isCalloutForStack: true, xAxisType: isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis, tickParams: tickParams, maxOfYVal: stackedInfo.maxOfYVal, getGraphData: this._getGraphData, getDomainNRangeValues: this._getDomainNRangeValues, createStringYAxis: createStringYAxis, getmargins: this._getMargins, getMinMaxOfYAxis: findNumericMinMaxOfY, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, enableFirstRenderOptimization: this.props.enablePerfOptimization && this._firstRenderOptimization, ref: this._cartesianChartRef, 
+            return (React.createElement(CartesianChart, __assign({}, this.props, { chartTitle: this._getChartTitle(), points: points, chartType: ChartTypes.AreaChart, calloutProps: calloutProps, legendBars: legends, createYAxis: createNumericYAxis, isCalloutForStack: true, xAxisType: isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis, tickParams: tickParams, maxOfYVal: data.maxOfYVal, getGraphData: this._getGraphData, getDomainNRangeValues: this._getDomainNRangeValues, createStringYAxis: createStringYAxis, getmargins: this._getMargins, getMinMaxOfYAxis: findNumericMinMaxOfY, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, enableFirstRenderOptimization: this.props.enablePerfOptimization && this._firstRenderOptimization, ref: this._cartesianChartRef, 
                 /* eslint-disable react/jsx-no-bind */
                 // eslint-disable-next-line react/no-children-prop
                 children: function (props) {