@fluentui/react-charts 9.3.4 → 9.3.6

package/lib/utilities/utilities.js

@@ -503,7 +503,7 @@ function handleFloatingPointPrecisionError(num) {
     }
     return dataPointsArray;
 }
-export function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
+export function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData) {
     const { yMinMaxValues = {
         startValue: 0,
         endValue: 0
@@ -545,6 +545,9 @@ export function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
         yAxis.tickValues(customTickValues);
     }
     yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
+    axisData.yAxisDomainValues = yAxisScale.domain();
+    var _yAxis_tickValues;
+    axisData.yAxisTickText = ((_yAxis_tickValues = yAxis.tickValues()) !== null && _yAxis_tickValues !== void 0 ? _yAxis_tickValues : yAxisScale.ticks(yAxisTickCount)).map(yAxis.tickFormat());
     return yAxisScale;
 }
 export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale = false, roundedTicks = false, scaleType, _useRtl) {
@@ -597,13 +600,8 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
     if (customTickValues) {
         yAxis.tickValues(customTickValues);
         axisData.yAxisDomainValues = customTickValues;
-    } else {
-        if (scaleType === 'log') {
-            axisData.yAxisDomainValues = yAxisScale.ticks();
-        } else {
-            yAxis.tickValues(domainValues);
-            axisData.yAxisDomainValues = domainValues;
-        }
+    } else if (scaleType !== 'log') {
+        yAxis.tickValues(domainValues);
     }
     const tickFormat = (domainValue, index, defaultFormat)=>{
         if (tickValues && tickText && typeof tickText[index] !== 'undefined') {
@@ -620,6 +618,9 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
     };
     yAxis.tickFormat((v, i)=>tickFormat(v, i, yAxisScale.tickFormat(yAxisTickCount)));
     yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true').style('direction', 'ltr').style('unicode-bidi', 'isolate').style('text-anchor', !useSecondaryYScale && (_useRtl ? 'start' : 'end')) : '';
+    axisData.yAxisDomainValues = yAxisScale.domain();
+    var _yAxis_tickValues;
+    axisData.yAxisTickText = ((_yAxis_tickValues = yAxis.tickValues()) !== null && _yAxis_tickValues !== void 0 ? _yAxis_tickValues : yAxisScale.ticks(yAxisTickCount)).map(yAxis.tickFormat());
     return yAxisScale;
 }
 /**
@@ -627,7 +628,7 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
  * @param yAxisParams
  * @param dataPoints
  * @param isRtl
- */ export const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth)=>{
+ */ export const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, axisData, barWidth)=>{
     const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding, tickValues, tickText } = yAxisParams;
     let yAxisPaddingValue = yAxisPadding !== null && yAxisPadding !== void 0 ? yAxisPadding : 0.5;
     yAxisPaddingValue = yAxisPaddingValue === 1 ? 0.99 : yAxisPaddingValue;
@@ -648,6 +649,7 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
     };
     const yAxis = axis.tickPadding(tickPadding).tickValues(customTickValues).tickFormat(tickFormat);
     yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text') : '';
+    axisData.yAxisTickText = yAxis.tickValues().map(yAxis.tickFormat());
     return yAxisScale;
 };
 /**
@@ -655,7 +657,7 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
  * @param yAxisParams
  * @param dataPoints
  * @param isRtl
- */ export const createStringYAxis = (yAxisParams, dataPoints, isRtl, barWidth, chartType)=>{
+ */ export const createStringYAxis = (yAxisParams, dataPoints, isRtl, axisData, barWidth, chartType)=>{
     const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding = 0, containerWidth, tickValues, tickText } = yAxisParams;
     const yAxisScale = d3ScaleBand().domain(dataPoints).range([
         containerHeight - margins.bottom,
@@ -680,6 +682,7 @@ export function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDatas
         axis.tickSizeInner(-(containerWidth - margins.left - margins.right));
     }
     yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text') : '';
+    axisData.yAxisTickText = yAxis.tickValues().map(yAxis.tickFormat());
     return yAxisScale;
 };
 /**
@@ -1012,12 +1015,12 @@ export function tooltipOfAxislabels(axistooltipProps) {
  * @param {number} width
  * @param {boolean} isRTL
  * @returns {IDomainNRange}
- */ export function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX, X_ORIGIN) {
+ */ export function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, X_ORIGIN) {
     const longestBars = computeLongestBars(groupChartDataByYValue(points), X_ORIGIN);
     const xMax = longestBars.longestPositiveBar;
     const xMin = longestBars.longestNegativeBar;
-    const rMin = isRTL ? margins.left : margins.left + shiftX;
-    const rMax = isRTL ? containerWidth - margins.right - shiftX : containerWidth - margins.right;
+    const rMin = margins.left;
+    const rMax = containerWidth - margins.right;
     return isRTL ? {
         dStartValue: xMax,
         dEndValue: Math.min(xMin, X_ORIGIN),