@fluentui/react-charting 5.23.41 → 5.23.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +30 -1
- package/CHANGELOG.md +12 -2
- package/dist/react-charting.d.ts +5 -0
- package/dist/react-charting.js +1 -1
- package/dist/react-charting.min.js +1 -1
- package/etc/react-charting.api.md +1 -0
- package/lib/Styling.js +3 -3
- package/lib/Styling.js.map +1 -1
- package/lib/Utilities.js +1 -19
- package/lib/Utilities.js.map +1 -1
- package/lib/components/AreaChart/AreaChart.base.d.ts +3 -3
- package/lib/components/AreaChart/AreaChart.base.js +53 -30
- package/lib/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib/components/AreaChart/AreaChart.types.d.ts +5 -0
- package/lib/components/AreaChart/AreaChart.types.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +18 -11
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/DonutChart/DonutChart.base.js +3 -1
- package/lib/components/DonutChart/DonutChart.base.js.map +1 -1
- package/lib/components/HorizontalBarChart/HorizontalBarChart.base.js +3 -1
- package/lib/components/HorizontalBarChart/HorizontalBarChart.base.js.map +1 -1
- package/lib/components/StackedBarChart/MultiStackedBarChart.base.js +3 -1
- package/lib/components/StackedBarChart/MultiStackedBarChart.base.js.map +1 -1
- package/lib/components/StackedBarChart/StackedBarChart.base.js +3 -1
- package/lib/components/StackedBarChart/StackedBarChart.base.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js.map +1 -1
- package/lib/utilities/SVGTooltipText.js +1 -1
- package/lib/utilities/SVGTooltipText.js.map +1 -1
- package/lib-amd/Styling.js +3 -3
- package/lib-amd/Styling.js.map +1 -1
- package/lib-amd/Utilities.js +0 -9
- package/lib-amd/Utilities.js.map +1 -1
- package/lib-amd/components/AreaChart/AreaChart.base.d.ts +3 -3
- package/lib-amd/components/AreaChart/AreaChart.base.js +53 -30
- package/lib-amd/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib-amd/components/AreaChart/AreaChart.types.d.ts +5 -0
- package/lib-amd/components/AreaChart/AreaChart.types.js.map +1 -1
- package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js +17 -11
- package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-amd/components/DonutChart/DonutChart.base.js +3 -1
- package/lib-amd/components/DonutChart/DonutChart.base.js.map +1 -1
- package/lib-amd/components/HorizontalBarChart/HorizontalBarChart.base.js +3 -1
- package/lib-amd/components/HorizontalBarChart/HorizontalBarChart.base.js.map +1 -1
- package/lib-amd/components/StackedBarChart/MultiStackedBarChart.base.js +3 -1
- package/lib-amd/components/StackedBarChart/MultiStackedBarChart.base.js.map +1 -1
- package/lib-amd/components/StackedBarChart/StackedBarChart.base.js +3 -1
- package/lib-amd/components/StackedBarChart/StackedBarChart.base.js.map +1 -1
- package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js +1 -1
- package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js.map +1 -1
- package/lib-amd/utilities/SVGTooltipText.js +1 -1
- package/lib-amd/utilities/SVGTooltipText.js.map +1 -1
- package/lib-commonjs/Styling.js +3 -3
- package/lib-commonjs/Styling.js.map +1 -1
- package/lib-commonjs/Utilities.js +0 -9
- package/lib-commonjs/Utilities.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.base.d.ts +3 -3
- package/lib-commonjs/components/AreaChart/AreaChart.base.js +53 -30
- package/lib-commonjs/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.types.d.ts +5 -0
- package/lib-commonjs/components/AreaChart/AreaChart.types.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +17 -10
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.base.js +3 -1
- package/lib-commonjs/components/DonutChart/DonutChart.base.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.base.js +3 -1
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.base.js.map +1 -1
- package/lib-commonjs/components/StackedBarChart/MultiStackedBarChart.base.js +3 -1
- package/lib-commonjs/components/StackedBarChart/MultiStackedBarChart.base.js.map +1 -1
- package/lib-commonjs/components/StackedBarChart/StackedBarChart.base.js +3 -1
- package/lib-commonjs/components/StackedBarChart/StackedBarChart.base.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.base.js.map +1 -1
- package/lib-commonjs/utilities/SVGTooltipText.js +1 -1
- package/lib-commonjs/utilities/SVGTooltipText.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AreaChart/AreaChart.types.ts +6 -0
|
@@ -7,10 +7,8 @@ exports.warnMutuallyExclusive = exports.warnDeprecations = exports.warnControlle
|
|
|
7
7
|
var Utilities_1 = require("@fluentui/react/lib/Utilities");
|
|
8
8
|
Object.defineProperty(exports, "Async", { enumerable: true, get: function () { return Utilities_1.Async; } });
|
|
9
9
|
Object.defineProperty(exports, "AutoScroll", { enumerable: true, get: function () { return Utilities_1.AutoScroll; } });
|
|
10
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
11
10
|
Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return Utilities_1.BaseComponent; } });
|
|
12
11
|
Object.defineProperty(exports, "Customizations", { enumerable: true, get: function () { return Utilities_1.Customizations; } });
|
|
13
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
14
12
|
Object.defineProperty(exports, "Customizer", { enumerable: true, get: function () { return Utilities_1.Customizer; } });
|
|
15
13
|
Object.defineProperty(exports, "CustomizerContext", { enumerable: true, get: function () { return Utilities_1.CustomizerContext; } });
|
|
16
14
|
Object.defineProperty(exports, "DATA_IS_SCROLLABLE_ATTRIBUTE", { enumerable: true, get: function () { return Utilities_1.DATA_IS_SCROLLABLE_ATTRIBUTE; } });
|
|
@@ -93,7 +91,6 @@ Object.defineProperty(exports, "getPropsWithDefaults", { enumerable: true, get:
|
|
|
93
91
|
Object.defineProperty(exports, "getRTL", { enumerable: true, get: function () { return Utilities_1.getRTL; } });
|
|
94
92
|
Object.defineProperty(exports, "getRTLSafeKeyCode", { enumerable: true, get: function () { return Utilities_1.getRTLSafeKeyCode; } });
|
|
95
93
|
Object.defineProperty(exports, "getRect", { enumerable: true, get: function () { return Utilities_1.getRect; } });
|
|
96
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
97
94
|
Object.defineProperty(exports, "getResourceUrl", { enumerable: true, get: function () { return Utilities_1.getResourceUrl; } });
|
|
98
95
|
Object.defineProperty(exports, "getScrollbarWidth", { enumerable: true, get: function () { return Utilities_1.getScrollbarWidth; } });
|
|
99
96
|
Object.defineProperty(exports, "getVirtualParent", { enumerable: true, get: function () { return Utilities_1.getVirtualParent; } });
|
|
@@ -105,11 +102,9 @@ Object.defineProperty(exports, "hoistMethods", { enumerable: true, get: function
|
|
|
105
102
|
Object.defineProperty(exports, "hoistStatics", { enumerable: true, get: function () { return Utilities_1.hoistStatics; } });
|
|
106
103
|
Object.defineProperty(exports, "htmlElementProperties", { enumerable: true, get: function () { return Utilities_1.htmlElementProperties; } });
|
|
107
104
|
Object.defineProperty(exports, "iframeProperties", { enumerable: true, get: function () { return Utilities_1.iframeProperties; } });
|
|
108
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
109
105
|
Object.defineProperty(exports, "imageProperties", { enumerable: true, get: function () { return Utilities_1.imageProperties; } });
|
|
110
106
|
Object.defineProperty(exports, "imgProperties", { enumerable: true, get: function () { return Utilities_1.imgProperties; } });
|
|
111
107
|
Object.defineProperty(exports, "initializeComponentRef", { enumerable: true, get: function () { return Utilities_1.initializeComponentRef; } });
|
|
112
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
113
108
|
Object.defineProperty(exports, "initializeFocusRects", { enumerable: true, get: function () { return Utilities_1.initializeFocusRects; } });
|
|
114
109
|
Object.defineProperty(exports, "inputProperties", { enumerable: true, get: function () { return Utilities_1.inputProperties; } });
|
|
115
110
|
Object.defineProperty(exports, "isControlled", { enumerable: true, get: function () { return Utilities_1.isControlled; } });
|
|
@@ -141,7 +136,6 @@ Object.defineProperty(exports, "on", { enumerable: true, get: function () { retu
|
|
|
141
136
|
Object.defineProperty(exports, "optionProperties", { enumerable: true, get: function () { return Utilities_1.optionProperties; } });
|
|
142
137
|
Object.defineProperty(exports, "portalContainsElement", { enumerable: true, get: function () { return Utilities_1.portalContainsElement; } });
|
|
143
138
|
Object.defineProperty(exports, "precisionRound", { enumerable: true, get: function () { return Utilities_1.precisionRound; } });
|
|
144
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
145
139
|
Object.defineProperty(exports, "raiseClick", { enumerable: true, get: function () { return Utilities_1.raiseClick; } });
|
|
146
140
|
Object.defineProperty(exports, "removeIndex", { enumerable: true, get: function () { return Utilities_1.removeIndex; } });
|
|
147
141
|
Object.defineProperty(exports, "replaceElement", { enumerable: true, get: function () { return Utilities_1.replaceElement; } });
|
|
@@ -151,15 +145,12 @@ Object.defineProperty(exports, "resetMemoizations", { enumerable: true, get: fun
|
|
|
151
145
|
Object.defineProperty(exports, "safeRequestAnimationFrame", { enumerable: true, get: function () { return Utilities_1.safeRequestAnimationFrame; } });
|
|
152
146
|
Object.defineProperty(exports, "safeSetTimeout", { enumerable: true, get: function () { return Utilities_1.safeSetTimeout; } });
|
|
153
147
|
Object.defineProperty(exports, "selectProperties", { enumerable: true, get: function () { return Utilities_1.selectProperties; } });
|
|
154
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
155
148
|
Object.defineProperty(exports, "setBaseUrl", { enumerable: true, get: function () { return Utilities_1.setBaseUrl; } });
|
|
156
149
|
Object.defineProperty(exports, "setFocusVisibility", { enumerable: true, get: function () { return Utilities_1.setFocusVisibility; } });
|
|
157
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
158
150
|
Object.defineProperty(exports, "setLanguage", { enumerable: true, get: function () { return Utilities_1.setLanguage; } });
|
|
159
151
|
Object.defineProperty(exports, "setMemoizeWeakMap", { enumerable: true, get: function () { return Utilities_1.setMemoizeWeakMap; } });
|
|
160
152
|
Object.defineProperty(exports, "setPortalAttribute", { enumerable: true, get: function () { return Utilities_1.setPortalAttribute; } });
|
|
161
153
|
Object.defineProperty(exports, "setRTL", { enumerable: true, get: function () { return Utilities_1.setRTL; } });
|
|
162
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
163
154
|
Object.defineProperty(exports, "setSSR", { enumerable: true, get: function () { return Utilities_1.setSSR; } });
|
|
164
155
|
Object.defineProperty(exports, "setVirtualParent", { enumerable: true, get: function () { return Utilities_1.setVirtualParent; } });
|
|
165
156
|
Object.defineProperty(exports, "setWarningCallback", { enumerable: true, get: function () { return Utilities_1.setWarningCallback; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"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","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"]}
|
|
@@ -10,7 +10,7 @@ export interface IAreaChartAreaPoint {
|
|
|
10
10
|
values: IAreaChartDataSetPoint;
|
|
11
11
|
}
|
|
12
12
|
export interface IAreaChartDataSetPoint {
|
|
13
|
-
[key: string]: number | string;
|
|
13
|
+
[key: string]: number | string | number[];
|
|
14
14
|
}
|
|
15
15
|
export interface IDPointType {
|
|
16
16
|
values: {
|
|
@@ -47,7 +47,7 @@ export declare class AreaChartBase extends React.Component<IAreaChartProps, IAre
|
|
|
47
47
|
private _verticalLineId;
|
|
48
48
|
private _circleId;
|
|
49
49
|
private _uniqueCallOutID;
|
|
50
|
-
private
|
|
50
|
+
private _data;
|
|
51
51
|
private _chart;
|
|
52
52
|
private margins;
|
|
53
53
|
private _rectId;
|
|
@@ -71,7 +71,7 @@ export declare class AreaChartBase extends React.Component<IAreaChartProps, IAre
|
|
|
71
71
|
*/
|
|
72
72
|
private _onRectMouseOut;
|
|
73
73
|
private _handleChartMouseLeave;
|
|
74
|
-
private
|
|
74
|
+
private _getDataPoints;
|
|
75
75
|
private _createDataSet;
|
|
76
76
|
private _getCustomizedCallout;
|
|
77
77
|
private _getGraphData;
|
|
@@ -166,25 +166,47 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
166
166
|
});
|
|
167
167
|
};
|
|
168
168
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
169
|
-
_this.
|
|
170
|
-
var
|
|
171
|
-
var
|
|
172
|
-
var
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
169
|
+
_this._getDataPoints = function (keys, dataSet) {
|
|
170
|
+
var _a;
|
|
171
|
+
var renderPoints = [];
|
|
172
|
+
var maxOfYVal = 0;
|
|
173
|
+
if (_this.props.mode === 'tozeroy') {
|
|
174
|
+
keys.forEach(function (key, index) {
|
|
175
|
+
var currentLayer = [];
|
|
176
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
177
|
+
dataSet.forEach(function (d) {
|
|
178
|
+
currentLayer.push({
|
|
179
|
+
values: [0, d[key]], // Start from zero for "tozeroy" mode
|
|
180
|
+
xVal: d.xVal,
|
|
181
|
+
});
|
|
182
|
+
if (d[key] > maxOfYVal) {
|
|
183
|
+
maxOfYVal = d[key];
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
renderPoints.push(currentLayer);
|
|
187
|
+
});
|
|
188
|
+
}
|
|
189
|
+
else {
|
|
190
|
+
var dataValues = (0, d3_shape_1.stack)().keys(keys)(dataSet);
|
|
191
|
+
maxOfYVal = (0, d3_array_1.max)(dataValues[dataValues.length - 1], function (dp) { return dp[1]; });
|
|
176
192
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
193
|
+
dataValues.forEach(function (layer) {
|
|
194
|
+
var currentLayer = [];
|
|
195
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
196
|
+
layer.forEach(function (d) {
|
|
197
|
+
currentLayer.push({
|
|
198
|
+
values: d,
|
|
199
|
+
xVal: d.data.xVal,
|
|
200
|
+
});
|
|
181
201
|
});
|
|
202
|
+
renderPoints.push(currentLayer);
|
|
182
203
|
});
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
204
|
+
}
|
|
205
|
+
_this._isMultiStackChart = !!(((_a = _this.props.legendProps) === null || _a === void 0 ? void 0 : _a.selectedLegends)
|
|
206
|
+
? (renderPoints === null || renderPoints === void 0 ? void 0 : renderPoints.length) >= 1
|
|
207
|
+
: (renderPoints === null || renderPoints === void 0 ? void 0 : renderPoints.length) > 1);
|
|
186
208
|
return {
|
|
187
|
-
|
|
209
|
+
renderData: renderPoints,
|
|
188
210
|
maxOfYVal: maxOfYVal,
|
|
189
211
|
};
|
|
190
212
|
};
|
|
@@ -223,20 +245,20 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
223
245
|
});
|
|
224
246
|
dataSet_1.push(singleDataset);
|
|
225
247
|
});
|
|
226
|
-
// get keys from dataset, used to
|
|
248
|
+
// get keys from dataset, used to render data
|
|
227
249
|
var keysLength = dataSet_1 && Object.keys(dataSet_1[0]).length;
|
|
228
250
|
var keys = [];
|
|
229
251
|
for (var i = 0; i < keysLength - 1; i++) {
|
|
230
252
|
var keyVal = "chart".concat(i);
|
|
231
253
|
keys.push(keyVal);
|
|
232
254
|
}
|
|
233
|
-
//
|
|
234
|
-
var
|
|
255
|
+
// Data used to draw graph
|
|
256
|
+
var data = _this._getDataPoints(keys, dataSet_1);
|
|
235
257
|
return {
|
|
236
258
|
colors: colors_1,
|
|
237
259
|
opacity: opacity_1,
|
|
238
260
|
keys: keys,
|
|
239
|
-
|
|
261
|
+
data: data,
|
|
240
262
|
calloutPoints: calloutPoints,
|
|
241
263
|
};
|
|
242
264
|
}
|
|
@@ -278,13 +300,13 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
278
300
|
var keyVal = "chart".concat(i);
|
|
279
301
|
keys.push(keyVal);
|
|
280
302
|
}
|
|
281
|
-
//
|
|
282
|
-
var
|
|
303
|
+
// Data used to draw graph
|
|
304
|
+
var data = _this._getDataPoints(keys, dataSet);
|
|
283
305
|
return {
|
|
284
306
|
colors: colors_2,
|
|
285
307
|
opacity: opacity_2,
|
|
286
308
|
keys: keys,
|
|
287
|
-
|
|
309
|
+
data: data,
|
|
288
310
|
calloutPoints: calloutPoints,
|
|
289
311
|
};
|
|
290
312
|
}
|
|
@@ -388,15 +410,16 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
388
410
|
var graph = [];
|
|
389
411
|
var lineColor;
|
|
390
412
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
391
|
-
_this.
|
|
413
|
+
_this._data.forEach(function (singleStackedData, index) {
|
|
392
414
|
var _a, _b, _c, _d, _e;
|
|
415
|
+
var layerOpacity = _this.props.mode === 'tozeroy' ? 0.8 : _this._opacity[index];
|
|
393
416
|
graph.push(React.createElement(React.Fragment, { key: "".concat(index, "-graph-").concat(_this._uniqueIdForGraph) },
|
|
394
417
|
_this.props.enableGradient && (React.createElement("defs", null,
|
|
395
418
|
React.createElement("linearGradient", { id: "gradient_".concat(index), x1: "0%", x2: "0%", y1: "0%", y2: "100%" },
|
|
396
419
|
React.createElement("stop", { offset: "0", stopColor: _this._colors[index] }),
|
|
397
420
|
React.createElement("stop", { offset: "100%", stopColor: "transparent" })))),
|
|
398
421
|
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 }),
|
|
399
|
-
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:
|
|
422
|
+
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", tslib_1.__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 && {
|
|
400
423
|
'data-is-focusable': _this._legendHighlighted(points[index].legend) || _this._noLegendHighlighted(),
|
|
401
424
|
role: 'img',
|
|
402
425
|
'aria-label': "".concat(points[index].legend, ", series ").concat(index + 1, " of ").concat(points.length, " with ").concat(points[index].data.length, " data points."),
|
|
@@ -404,14 +427,14 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
404
427
|
});
|
|
405
428
|
var circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;
|
|
406
429
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
407
|
-
_this.
|
|
430
|
+
_this._data.forEach(function (singleStackedData, index) {
|
|
408
431
|
if (points.length === index) {
|
|
409
432
|
return;
|
|
410
433
|
}
|
|
411
434
|
if (!_this.props.optimizeLargeData || singleStackedData.length === 1) {
|
|
412
435
|
// Render circles for all data points
|
|
413
436
|
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) {
|
|
414
|
-
var circleId = "".concat(_this._circleId, "_").concat(index * _this.
|
|
437
|
+
var circleId = "".concat(_this._circleId, "_").concat(index * _this._data[0].length + pointIndex);
|
|
415
438
|
var xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;
|
|
416
439
|
lineColor = points[index].color;
|
|
417
440
|
var legend = points[index].legend;
|
|
@@ -423,7 +446,7 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
423
446
|
singleStackedData.forEach(function (singlePoint, pointIndex) {
|
|
424
447
|
var xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;
|
|
425
448
|
if (_this.state.nearestCircleToHighlight === xDataPoint) {
|
|
426
|
-
var circleId = "".concat(_this._circleId, "_").concat(index * _this.
|
|
449
|
+
var circleId = "".concat(_this._circleId, "_").concat(index * _this._data[0].length + pointIndex);
|
|
427
450
|
lineColor = points[index].color;
|
|
428
451
|
var legend = points[index].legend;
|
|
429
452
|
graph.push(React.createElement("circle", tslib_1.__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) }, (0, index_2.getSecureProps)(pointOptions), { r: _this._getCircleRadius(xDataPoint, circleRadius, circleId, legend) })));
|
|
@@ -602,19 +625,19 @@ var AreaChartBase = /** @class */ (function (_super) {
|
|
|
602
625
|
if (!this._isChartEmpty()) {
|
|
603
626
|
var lineChartData = this.props.data.lineChartData;
|
|
604
627
|
var points = this._addDefaultColors(lineChartData);
|
|
605
|
-
var _a = this._createSet(points), colors = _a.colors, opacity = _a.opacity,
|
|
628
|
+
var _a = this._createSet(points), colors = _a.colors, opacity = _a.opacity, data = _a.data, calloutPoints = _a.calloutPoints;
|
|
606
629
|
this._calloutPoints = calloutPoints;
|
|
607
630
|
var isXAxisDateType = (0, index_2.getXAxisType)(points);
|
|
608
631
|
this._colors = colors;
|
|
609
632
|
this._opacity = opacity;
|
|
610
|
-
this.
|
|
633
|
+
this._data = data.renderData;
|
|
611
634
|
var legends = this._getLegendData(points);
|
|
612
635
|
var tickParams = {
|
|
613
636
|
tickValues: this.props.tickValues,
|
|
614
637
|
tickFormat: this.props.tickFormat,
|
|
615
638
|
};
|
|
616
639
|
var calloutProps = tslib_1.__assign({ target: this.state.refSelected, isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.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);
|
|
617
|
-
return (React.createElement(index_1.CartesianChart, tslib_1.__assign({}, this.props, { chartTitle: this._getChartTitle(), points: points, chartType: index_2.ChartTypes.AreaChart, calloutProps: calloutProps, legendBars: legends, createYAxis: index_2.createNumericYAxis, isCalloutForStack: true, xAxisType: isXAxisDateType ? index_2.XAxisTypes.DateAxis : index_2.XAxisTypes.NumericAxis, tickParams: tickParams, maxOfYVal:
|
|
640
|
+
return (React.createElement(index_1.CartesianChart, tslib_1.__assign({}, this.props, { chartTitle: this._getChartTitle(), points: points, chartType: index_2.ChartTypes.AreaChart, calloutProps: calloutProps, legendBars: legends, createYAxis: index_2.createNumericYAxis, isCalloutForStack: true, xAxisType: isXAxisDateType ? index_2.XAxisTypes.DateAxis : index_2.XAxisTypes.NumericAxis, tickParams: tickParams, maxOfYVal: data.maxOfYVal, getGraphData: this._getGraphData, getDomainNRangeValues: this._getDomainNRangeValues, createStringYAxis: index_2.createStringYAxis, getmargins: this._getMargins, getMinMaxOfYAxis: index_2.findNumericMinMaxOfY, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, enableFirstRenderOptimization: this.props.enablePerfOptimization && this._firstRenderOptimization, ref: this._cartesianChartRef,
|
|
618
641
|
/* eslint-disable react/jsx-no-bind */
|
|
619
642
|
// eslint-disable-next-line react/no-children-prop
|
|
620
643
|
children: function (props) {
|