@fluentui/react-charts 9.1.7 → 9.1.8
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.md +12 -2
- package/dist/index.d.ts +60 -3
- package/lib/components/AreaChart/AreaChart.js +21 -1
- package/lib/components/AreaChart/AreaChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.js +8 -9
- package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +18 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js +25 -1
- package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib/components/HorizontalBarChart/HorizontalBarChart.js +1 -2
- package/lib/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
- package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +4 -1
- package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib/components/LineChart/LineChart.js +22 -2
- package/lib/components/LineChart/LineChart.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.js +26 -1
- package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js +16 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +15 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib/utilities/FocusableTooltipText.js +1 -2
- package/lib/utilities/FocusableTooltipText.js.map +1 -1
- package/lib/utilities/utilities.js +6 -144
- package/lib/utilities/utilities.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.js +20 -0
- package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.js +7 -7
- package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +17 -0
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +24 -0
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.js +1 -2
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +3 -0
- package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.js +21 -1
- package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js +25 -0
- package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +15 -0
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +14 -0
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib-commonjs/utilities/FocusableTooltipText.js +1 -2
- package/lib-commonjs/utilities/FocusableTooltipText.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +11 -132
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/package.json +2 -2
|
@@ -54,8 +54,8 @@ _export(exports, {
|
|
|
54
54
|
createNumericXAxis: function() {
|
|
55
55
|
return createNumericXAxis;
|
|
56
56
|
},
|
|
57
|
-
|
|
58
|
-
return
|
|
57
|
+
createNumericYAxis: function() {
|
|
58
|
+
return createNumericYAxis;
|
|
59
59
|
},
|
|
60
60
|
createStringXAxis: function() {
|
|
61
61
|
return createStringXAxis;
|
|
@@ -66,15 +66,9 @@ _export(exports, {
|
|
|
66
66
|
createStringYAxisForHorizontalBarChartWithAxis: function() {
|
|
67
67
|
return createStringYAxisForHorizontalBarChartWithAxis;
|
|
68
68
|
},
|
|
69
|
-
createStringYAxisForOtherCharts: function() {
|
|
70
|
-
return createStringYAxisForOtherCharts;
|
|
71
|
-
},
|
|
72
69
|
createWrapOfXLabels: function() {
|
|
73
70
|
return createWrapOfXLabels;
|
|
74
71
|
},
|
|
75
|
-
createYAxis: function() {
|
|
76
|
-
return createYAxis;
|
|
77
|
-
},
|
|
78
72
|
createYAxisForHorizontalBarChartWithAxis: function() {
|
|
79
73
|
return createYAxisForHorizontalBarChartWithAxis;
|
|
80
74
|
},
|
|
@@ -84,9 +78,6 @@ _export(exports, {
|
|
|
84
78
|
defaultYAxisTickFormatter: function() {
|
|
85
79
|
return defaultYAxisTickFormatter;
|
|
86
80
|
},
|
|
87
|
-
domainRageOfVerticalNumeric: function() {
|
|
88
|
-
return domainRageOfVerticalNumeric;
|
|
89
|
-
},
|
|
90
81
|
domainRangeOfDateForAreaLineVerticalBarChart: function() {
|
|
91
82
|
return domainRangeOfDateForAreaLineVerticalBarChart;
|
|
92
83
|
},
|
|
@@ -105,6 +96,9 @@ _export(exports, {
|
|
|
105
96
|
domainRangeOfVSBCNumeric: function() {
|
|
106
97
|
return domainRangeOfVSBCNumeric;
|
|
107
98
|
},
|
|
99
|
+
domainRangeOfVerticalNumeric: function() {
|
|
100
|
+
return domainRangeOfVerticalNumeric;
|
|
101
|
+
},
|
|
108
102
|
domainRangeOfXStringAxis: function() {
|
|
109
103
|
return domainRangeOfXStringAxis;
|
|
110
104
|
},
|
|
@@ -141,12 +135,6 @@ _export(exports, {
|
|
|
141
135
|
getCurveFactory: function() {
|
|
142
136
|
return getCurveFactory;
|
|
143
137
|
},
|
|
144
|
-
getDomainNRangeValues: function() {
|
|
145
|
-
return getDomainNRangeValues;
|
|
146
|
-
},
|
|
147
|
-
getMinMaxOfYAxis: function() {
|
|
148
|
-
return getMinMaxOfYAxis;
|
|
149
|
-
},
|
|
150
138
|
getScalePadding: function() {
|
|
151
139
|
return getScalePadding;
|
|
152
140
|
},
|
|
@@ -641,15 +629,7 @@ function prepareDatapoints(maxVal, minVal, splitInto, isIntegralDataset, rounded
|
|
|
641
629
|
}
|
|
642
630
|
return dataPointsArray;
|
|
643
631
|
}
|
|
644
|
-
function
|
|
645
|
-
switch(chartType){
|
|
646
|
-
case 6:
|
|
647
|
-
return createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth);
|
|
648
|
-
default:
|
|
649
|
-
return createNumericYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale, roundedTicks);
|
|
650
|
-
}
|
|
651
|
-
}
|
|
652
|
-
function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth) {
|
|
632
|
+
function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
|
|
653
633
|
const { yMinMaxValues = {
|
|
654
634
|
startValue: 0,
|
|
655
635
|
endValue: 0
|
|
@@ -671,7 +651,7 @@ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData,
|
|
|
671
651
|
yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
|
|
672
652
|
return yAxisScale;
|
|
673
653
|
}
|
|
674
|
-
function
|
|
654
|
+
function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale = false, roundedTicks = false) {
|
|
675
655
|
const { yMinMaxValues = {
|
|
676
656
|
startValue: 0,
|
|
677
657
|
endValue: 0
|
|
@@ -702,15 +682,7 @@ function createNumericYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegr
|
|
|
702
682
|
axisData.yAxisDomainValues = domainValues;
|
|
703
683
|
return yAxisScale;
|
|
704
684
|
}
|
|
705
|
-
const
|
|
706
|
-
switch(chartType){
|
|
707
|
-
case 6:
|
|
708
|
-
return createStringYAxisForHorizontalBarChartWithAxis(yAxisParams, dataPoints, isRtl, barWidth, culture);
|
|
709
|
-
default:
|
|
710
|
-
return createStringYAxisForOtherCharts(yAxisParams, dataPoints, isRtl);
|
|
711
|
-
}
|
|
712
|
-
};
|
|
713
|
-
const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth, culture)=>{
|
|
685
|
+
const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth)=>{
|
|
714
686
|
const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding } = yAxisParams;
|
|
715
687
|
let yAxisPaddingValue = yAxisPadding !== null && yAxisPadding !== void 0 ? yAxisPadding : 0.5;
|
|
716
688
|
yAxisPaddingValue = yAxisPaddingValue === 1 ? 0.99 : yAxisPaddingValue;
|
|
@@ -726,7 +698,7 @@ const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints,
|
|
|
726
698
|
yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text') : '';
|
|
727
699
|
return yAxisScale;
|
|
728
700
|
};
|
|
729
|
-
const
|
|
701
|
+
const createStringYAxis = (yAxisParams, dataPoints, isRtl)=>{
|
|
730
702
|
const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding = 0 } = yAxisParams;
|
|
731
703
|
const yAxisScale = (0, _d3scale.scaleBand)().domain(dataPoints).range([
|
|
732
704
|
containerHeight - margins.bottom,
|
|
@@ -873,7 +845,7 @@ function createWrapOfXLabels(wrapLabelProps) {
|
|
|
873
845
|
});
|
|
874
846
|
return removeVal > 0 ? removeVal : 0;
|
|
875
847
|
}
|
|
876
|
-
function createYAxisLabels(node, yAxis, noOfCharsToTruncate, truncateLabel,
|
|
848
|
+
function createYAxisLabels(node, yAxis, noOfCharsToTruncate, truncateLabel, isRtl) {
|
|
877
849
|
if (node === null) {
|
|
878
850
|
return;
|
|
879
851
|
}
|
|
@@ -1189,7 +1161,7 @@ function domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickVal
|
|
|
1189
1161
|
rEndValue
|
|
1190
1162
|
};
|
|
1191
1163
|
}
|
|
1192
|
-
function
|
|
1164
|
+
function domainRangeOfVerticalNumeric(points, margins, containerWidth, isRTL, barWidth) {
|
|
1193
1165
|
const xMax = (0, _d3array.max)(points, (point)=>point.x);
|
|
1194
1166
|
const xMin = (0, _d3array.min)(points, (point)=>point.x);
|
|
1195
1167
|
const rMin = margins.left;
|
|
@@ -1206,74 +1178,6 @@ function domainRageOfVerticalNumeric(points, margins, containerWidth, isRTL, bar
|
|
|
1206
1178
|
rEndValue: rMax
|
|
1207
1179
|
};
|
|
1208
1180
|
}
|
|
1209
|
-
function getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX, X_ORIGIN) {
|
|
1210
|
-
let domainNRangeValue;
|
|
1211
|
-
if (xAxisType === 0) {
|
|
1212
|
-
switch(chartType){
|
|
1213
|
-
case 0:
|
|
1214
|
-
case 1:
|
|
1215
|
-
domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);
|
|
1216
|
-
break;
|
|
1217
|
-
case 3:
|
|
1218
|
-
domainNRangeValue = domainRangeOfVSBCNumeric(points, margins, width, isRTL, barWidth);
|
|
1219
|
-
break;
|
|
1220
|
-
case 2:
|
|
1221
|
-
domainNRangeValue = domainRageOfVerticalNumeric(points, margins, width, isRTL, barWidth);
|
|
1222
|
-
break;
|
|
1223
|
-
case 6:
|
|
1224
|
-
domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, shiftX, X_ORIGIN);
|
|
1225
|
-
break;
|
|
1226
|
-
case 7:
|
|
1227
|
-
domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);
|
|
1228
|
-
break;
|
|
1229
|
-
default:
|
|
1230
|
-
domainNRangeValue = {
|
|
1231
|
-
dStartValue: 0,
|
|
1232
|
-
dEndValue: 0,
|
|
1233
|
-
rStartValue: 0,
|
|
1234
|
-
rEndValue: 0
|
|
1235
|
-
};
|
|
1236
|
-
}
|
|
1237
|
-
} else if (xAxisType === 1) {
|
|
1238
|
-
switch(chartType){
|
|
1239
|
-
case 0:
|
|
1240
|
-
case 1:
|
|
1241
|
-
case 2:
|
|
1242
|
-
case 3:
|
|
1243
|
-
domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(points, margins, width, isRTL, tickValues, chartType, barWidth);
|
|
1244
|
-
break;
|
|
1245
|
-
case 7:
|
|
1246
|
-
domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues);
|
|
1247
|
-
break;
|
|
1248
|
-
default:
|
|
1249
|
-
domainNRangeValue = {
|
|
1250
|
-
dStartValue: 0,
|
|
1251
|
-
dEndValue: 0,
|
|
1252
|
-
rStartValue: 0,
|
|
1253
|
-
rEndValue: 0
|
|
1254
|
-
};
|
|
1255
|
-
}
|
|
1256
|
-
} else {
|
|
1257
|
-
// String Axis type
|
|
1258
|
-
switch(chartType){
|
|
1259
|
-
case 3:
|
|
1260
|
-
case 4:
|
|
1261
|
-
case 2:
|
|
1262
|
-
case 5:
|
|
1263
|
-
case 7:
|
|
1264
|
-
domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
|
|
1265
|
-
break;
|
|
1266
|
-
default:
|
|
1267
|
-
domainNRangeValue = {
|
|
1268
|
-
dStartValue: 0,
|
|
1269
|
-
dEndValue: 0,
|
|
1270
|
-
rStartValue: 0,
|
|
1271
|
-
rEndValue: 0
|
|
1272
|
-
};
|
|
1273
|
-
}
|
|
1274
|
-
}
|
|
1275
|
-
return domainNRangeValue;
|
|
1276
|
-
}
|
|
1277
1181
|
function findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
|
|
1278
1182
|
const values = [];
|
|
1279
1183
|
points.forEach((point)=>{
|
|
@@ -1327,31 +1231,6 @@ function findHBCWANumericMinMaxOfY(points, yAxisType) {
|
|
|
1327
1231
|
endValue: 0
|
|
1328
1232
|
};
|
|
1329
1233
|
}
|
|
1330
|
-
function getMinMaxOfYAxis(points, chartType, yAxisType = 0, useSecondaryYScale) {
|
|
1331
|
-
let minMaxValues;
|
|
1332
|
-
switch(chartType){
|
|
1333
|
-
case 0:
|
|
1334
|
-
case 1:
|
|
1335
|
-
case 7:
|
|
1336
|
-
minMaxValues = findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);
|
|
1337
|
-
break;
|
|
1338
|
-
case 3:
|
|
1339
|
-
minMaxValues = findVSBCNumericMinMaxOfY(points);
|
|
1340
|
-
break;
|
|
1341
|
-
case 2:
|
|
1342
|
-
minMaxValues = findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);
|
|
1343
|
-
break;
|
|
1344
|
-
case 6:
|
|
1345
|
-
minMaxValues = findHBCWANumericMinMaxOfY(points, yAxisType);
|
|
1346
|
-
break;
|
|
1347
|
-
default:
|
|
1348
|
-
minMaxValues = {
|
|
1349
|
-
startValue: 0,
|
|
1350
|
-
endValue: 0
|
|
1351
|
-
};
|
|
1352
|
-
}
|
|
1353
|
-
return minMaxValues;
|
|
1354
|
-
}
|
|
1355
1234
|
const getTypeOfAxis = (p, isXAxis)=>{
|
|
1356
1235
|
if (isXAxis) {
|
|
1357
1236
|
switch(typeof p){
|