gifted-charts-core 0.1.66 → 0.1.68

package/dist/BarChart/index.d.ts

@@ -205,4 +205,5 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     yAxisExtraHeightAtTop: number;
     selectedStackIndex: number;
     setSelectedStackIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    allowFontScaling: boolean;
 };

package/dist/BarChart/index.js

@@ -29,19 +29,20 @@ import { useEffect, useMemo, useState } from 'react';
 import { getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getLineConfigForBarChart, getMaxValue, getMostNegativeValue, getNoOfSections, getXForLineInBar, getYForLineInBar, indexOfFirstNonZeroDigit, maxAndMinUtil, svgPath } from '../utils';
 import { AxesAndRulesDefaults, BarDefaults, chartTypes, defaultLineConfig, defaultPointerConfig } from '../utils/constants';
 export var useBarChart = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68;
-    var heightValue = props.heightValue, widthValue = props.widthValue, opacityValue = props.opacityValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue, autoCenterTooltip = props.autoCenterTooltip;
-    var _69 = __read(useState(''), 2), points = _69[0], setPoints = _69[1];
-    var _70 = __read(useState(''), 2), points2 = _70[0], setPoints2 = _70[1];
-    var _71 = __read(useState(''), 2), arrowPoints = _71[0], setArrowPoints = _71[1];
-    var _72 = __read(useState(function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69;
+    var heightValue = props.heightValue, widthValue = props.widthValue, opacityValue = props.opacityValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue, autoCenterTooltip = props.autoCenterTooltip, floatingYAxisLabels = props.floatingYAxisLabels;
+    var allowFontScaling = (_a = props.allowFontScaling) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.allowFontScaling;
+    var _70 = __read(useState(''), 2), points = _70[0], setPoints = _70[1];
+    var _71 = __read(useState(''), 2), points2 = _71[0], setPoints2 = _71[1];
+    var _72 = __read(useState(''), 2), arrowPoints = _72[0], setArrowPoints = _72[1];
+    var _73 = __read(useState(function () {
         if (Array.isArray(focusedBarIndex)) {
             return focusedBarIndex;
         }
         return [focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1];
-    }), 2), selectedIndex = _72[0], setSelectedIndex = _72[1];
-    var _73 = __read(useState((_a = props.highlightedStackIndex) !== null && _a !== void 0 ? _a : -1), 2), selectedStackIndex = _73[0], setSelectedStackIndex = _73[1];
-    var showLine = (_b = props.showLine) !== null && _b !== void 0 ? _b : BarDefaults.showLine;
+    }), 2), selectedIndex = _73[0], setSelectedIndex = _73[1];
+    var _74 = __read(useState((_b = props.highlightedStackIndex) !== null && _b !== void 0 ? _b : -1), 2), selectedStackIndex = _74[0], setSelectedStackIndex = _74[1];
+    var showLine = (_c = props.showLine) !== null && _c !== void 0 ? _c : BarDefaults.showLine;
     useEffect(function () {
         var newIndex = Array.isArray(focusedBarIndex)
             ? focusedBarIndex
@@ -52,10 +53,10 @@ export var useBarChart = function (props) {
         var _a;
         setSelectedStackIndex((_a = props.highlightedStackIndex) !== null && _a !== void 0 ? _a : -1);
     }, [props.highlightedStackIndex]);
-    var highlightEnabled = (_c = props.highlightEnabled) !== null && _c !== void 0 ? _c : BarDefaults.highlightEnabled;
-    var highlightedBarIndex = (_d = props.highlightedBarIndex) !== null && _d !== void 0 ? _d : selectedIndex;
-    var lowlightOpacity = (_e = props.lowlightOpacity) !== null && _e !== void 0 ? _e : BarDefaults.lowlightOpacity;
-    var stackHighlightEnabled = (_f = props.stackHighlightEnabled) !== null && _f !== void 0 ? _f : BarDefaults.stackHighlightEnabled;
+    var highlightEnabled = (_d = props.highlightEnabled) !== null && _d !== void 0 ? _d : BarDefaults.highlightEnabled;
+    var highlightedBarIndex = (_e = props.highlightedBarIndex) !== null && _e !== void 0 ? _e : selectedIndex;
+    var lowlightOpacity = (_f = props.lowlightOpacity) !== null && _f !== void 0 ? _f : BarDefaults.lowlightOpacity;
+    var stackHighlightEnabled = (_g = props.stackHighlightEnabled) !== null && _g !== void 0 ? _g : BarDefaults.stackHighlightEnabled;
     var data = useMemo(function () {
         if (!props.data) {
             return [];
@@ -94,8 +95,8 @@ export var useBarChart = function (props) {
         return props.stackData;
     }, [yAxisOffset, props.stackData]);
     // adjustToWidth should work for data or stacked data
-    var dataLength = (_k = (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : (_j = props.stackData) === null || _j === void 0 ? void 0 : _j.length) !== null && _k !== void 0 ? _k : 0;
-    var yAxisLabelWidth = (_l = props.yAxisLabelWidth) !== null && _l !== void 0 ? _l : (props.hideYAxisText
+    var dataLength = (_l = (_j = (_h = props.data) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : (_k = props.stackData) === null || _k === void 0 ? void 0 : _k.length) !== null && _l !== void 0 ? _l : 0;
+    var yAxisLabelWidth = (_m = props.yAxisLabelWidth) !== null && _m !== void 0 ? _m : (props.hideYAxisText
         ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
         : AxesAndRulesDefaults.yAxisLabelWidth);
     var autoComputedSectionWidth = props.initialSpacing !== undefined
@@ -105,19 +106,19 @@ export var useBarChart = function (props) {
     var defaultBarWidth = adjustToWidth
         ? autoComputedBarWidth
         : BarDefaults.barWidth;
-    var barWidth = (_m = props.barWidth) !== null && _m !== void 0 ? _m : defaultBarWidth;
+    var barWidth = (_o = props.barWidth) !== null && _o !== void 0 ? _o : defaultBarWidth;
     var autoComputedSpacing = autoComputedSectionWidth * 0.4;
-    var spacing = (_o = props.spacing) !== null && _o !== void 0 ? _o : (adjustToWidth ? autoComputedSpacing : BarDefaults.spacing);
-    var initialSpacing = (_p = props.initialSpacing) !== null && _p !== void 0 ? _p : spacing;
-    var endSpacing = (_q = props.endSpacing) !== null && _q !== void 0 ? _q : spacing;
-    var horizontal = (_r = props.horizontal) !== null && _r !== void 0 ? _r : BarDefaults.horizontal;
-    var rtl = (_s = props.rtl) !== null && _s !== void 0 ? _s : BarDefaults.rtl;
-    var yAxisAtTop = (_t = props.yAxisAtTop) !== null && _t !== void 0 ? _t : BarDefaults.yAxisAtTop;
-    var intactTopLabel = (_u = props.intactTopLabel) !== null && _u !== void 0 ? _u : BarDefaults.intactTopLabel;
+    var spacing = (_p = props.spacing) !== null && _p !== void 0 ? _p : (adjustToWidth ? autoComputedSpacing : BarDefaults.spacing);
+    var initialSpacing = (_q = props.initialSpacing) !== null && _q !== void 0 ? _q : spacing;
+    var endSpacing = (_r = props.endSpacing) !== null && _r !== void 0 ? _r : spacing;
+    var horizontal = (_s = props.horizontal) !== null && _s !== void 0 ? _s : BarDefaults.horizontal;
+    var rtl = (_t = props.rtl) !== null && _t !== void 0 ? _t : BarDefaults.rtl;
+    var yAxisAtTop = (_u = props.yAxisAtTop) !== null && _u !== void 0 ? _u : BarDefaults.yAxisAtTop;
+    var intactTopLabel = (_v = props.intactTopLabel) !== null && _v !== void 0 ? _v : BarDefaults.intactTopLabel;
     var heightFromProps = horizontal ? props.width : props.height;
     var widthFromProps = horizontal ? props.height : props.width;
-    var isAnimated = (_v = props.isAnimated) !== null && _v !== void 0 ? _v : BarDefaults.isAnimated;
-    var animationDuration = (_w = props.animationDuration) !== null && _w !== void 0 ? _w : BarDefaults.animationDuration;
+    var isAnimated = (_w = props.isAnimated) !== null && _w !== void 0 ? _w : BarDefaults.isAnimated;
+    var animationDuration = (_x = props.animationDuration) !== null && _x !== void 0 ? _x : BarDefaults.animationDuration;
     // const secondaryData = getSecondaryDataWithOffsetIncluded(
     //   props.secondaryData,
     //   props.secondaryYAxis
@@ -135,7 +136,7 @@ export var useBarChart = function (props) {
         return props.lineData;
     }, [yAxisOffset, props.lineData, data, stackData]);
     var lineData2 = props.lineData2;
-    var lineBehindBars = (_x = props.lineBehindBars) !== null && _x !== void 0 ? _x : BarDefaults.lineBehindBars;
+    var lineBehindBars = (_y = props.lineBehindBars) !== null && _y !== void 0 ? _y : BarDefaults.lineBehindBars;
     defaultLineConfig.initialSpacing = initialSpacing;
     defaultLineConfig.endIndex = lineData.length - 1;
     defaultLineConfig.animationDuration = animationDuration;
@@ -150,12 +151,12 @@ export var useBarChart = function (props) {
         ? props.stepHeight * noOfSections
         : AxesAndRulesDefaults.containerHeight);
     var horizSections = [{ value: '0' }];
-    var stepHeight = (_y = props.stepHeight) !== null && _y !== void 0 ? _y : containerHeight / noOfSections;
-    var labelWidth = (_z = props.labelWidth) !== null && _z !== void 0 ? _z : AxesAndRulesDefaults.labelWidth;
-    var scrollToEnd = (_0 = props.scrollToEnd) !== null && _0 !== void 0 ? _0 : BarDefaults.scrollToEnd;
-    var scrollAnimation = (_1 = props.scrollAnimation) !== null && _1 !== void 0 ? _1 : BarDefaults.scrollAnimation;
-    var scrollEventThrottle = (_2 = props.scrollEventThrottle) !== null && _2 !== void 0 ? _2 : BarDefaults.scrollEventThrottle;
-    var labelsExtraHeight = (_3 = props.labelsExtraHeight) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.labelsExtraHeight;
+    var stepHeight = (_z = props.stepHeight) !== null && _z !== void 0 ? _z : containerHeight / noOfSections;
+    var labelWidth = (_0 = props.labelWidth) !== null && _0 !== void 0 ? _0 : AxesAndRulesDefaults.labelWidth;
+    var scrollToEnd = (_1 = props.scrollToEnd) !== null && _1 !== void 0 ? _1 : BarDefaults.scrollToEnd;
+    var scrollAnimation = (_2 = props.scrollAnimation) !== null && _2 !== void 0 ? _2 : BarDefaults.scrollAnimation;
+    var scrollEventThrottle = (_3 = props.scrollEventThrottle) !== null && _3 !== void 0 ? _3 : BarDefaults.scrollEventThrottle;
+    var labelsExtraHeight = (_4 = props.labelsExtraHeight) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.labelsExtraHeight;
     var secondaryMaxItem = 0;
     var secondaryMinItem = 0;
     if (lineConfig.isSecondary) {
@@ -231,13 +232,13 @@ export var useBarChart = function (props) {
         });
     }
     var valuesRange = maxItem - minPositiveItem; // Diff bw largest & smallest +ve values
-    var showFractionalValues = (_4 = props.showFractionalValues) !== null && _4 !== void 0 ? _4 : valuesRange <= 1;
-    var roundToDigits = (_5 = props.roundToDigits) !== null && _5 !== void 0 ? _5 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
+    var showFractionalValues = (_5 = props.showFractionalValues) !== null && _5 !== void 0 ? _5 : valuesRange <= 1;
+    var roundToDigits = (_6 = props.roundToDigits) !== null && _6 !== void 0 ? _6 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
     var maxAndMin = maxAndMinUtil(maxItem, minItem, roundToDigits, showFractionalValues);
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxAndMin.maxItem) || 10;
     var secondaryRange = secondaryMaxItem - secondaryMinPositiveItem; // Diff bw largest & smallest +ve values
-    var showSecondaryFractionalValues = (_7 = (_6 = props.secondaryYAxis) === null || _6 === void 0 ? void 0 : _6.showFractionalValues) !== null && _7 !== void 0 ? _7 : secondaryRange <= 1;
-    var secondaryRoundToDigits = (_9 = (_8 = props.secondaryYAxis) === null || _8 === void 0 ? void 0 : _8.roundToDigits) !== null && _9 !== void 0 ? _9 : (showSecondaryFractionalValues
+    var showSecondaryFractionalValues = (_8 = (_7 = props.secondaryYAxis) === null || _7 === void 0 ? void 0 : _7.showFractionalValues) !== null && _8 !== void 0 ? _8 : secondaryRange <= 1;
+    var secondaryRoundToDigits = (_10 = (_9 = props.secondaryYAxis) === null || _9 === void 0 ? void 0 : _9.roundToDigits) !== null && _10 !== void 0 ? _10 : (showSecondaryFractionalValues
         ? indexOfFirstNonZeroDigit(secondaryRange) + 1
         : 0);
     var secondaryMaxAndMin = maxAndMinUtil(secondaryMaxItem, secondaryMinItem, secondaryRoundToDigits, showSecondaryFractionalValues);
@@ -247,88 +248,88 @@ export var useBarChart = function (props) {
     //       secondaryMaxAndMin.maxItem
     //     : secondaryMaxAndMin.maxItem
     //   : maxValue
-    var secondaryMaxValue = (_11 = (_10 = props.secondaryYAxis) === null || _10 === void 0 ? void 0 : _10.maxValue) !== null && _11 !== void 0 ? _11 : secondaryMaxAndMin.maxItem;
+    var secondaryMaxValue = (_12 = (_11 = props.secondaryYAxis) === null || _11 === void 0 ? void 0 : _11.maxValue) !== null && _12 !== void 0 ? _12 : secondaryMaxAndMin.maxItem;
     var mostNegativeValue = getMostNegativeValue(props.mostNegativeValue, props.negativeStepValue, props.noOfSectionsBelowXAxis, maxAndMin.minItem);
-    var stepValue = (_12 = props.stepValue) !== null && _12 !== void 0 ? _12 : maxValue / noOfSections;
+    var stepValue = (_13 = props.stepValue) !== null && _13 !== void 0 ? _13 : maxValue / noOfSections;
     var effectiveNegativeStepValue = negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue;
-    var noOfSectionsBelowXAxis = (_13 = props.noOfSectionsBelowXAxis) !== null && _13 !== void 0 ? _13 : (effectiveNegativeStepValue
+    var noOfSectionsBelowXAxis = (_14 = props.noOfSectionsBelowXAxis) !== null && _14 !== void 0 ? _14 : (effectiveNegativeStepValue
         ? Math.round(Math.ceil(-mostNegativeValue / effectiveNegativeStepValue))
         : 0);
-    var showScrollIndicator = (_14 = props.showScrollIndicator) !== null && _14 !== void 0 ? _14 : BarDefaults.showScrollIndicator;
-    var side = (_15 = props.side) !== null && _15 !== void 0 ? _15 : BarDefaults.side;
-    var rotateLabel = (_16 = props.rotateLabel) !== null && _16 !== void 0 ? _16 : AxesAndRulesDefaults.rotateLabel;
-    var opacity = (_17 = props.opacity) !== null && _17 !== void 0 ? _17 : BarDefaults.opacity;
-    var isThreeD = (_18 = props.isThreeD) !== null && _18 !== void 0 ? _18 : BarDefaults.isThreeD;
-    var showXAxisIndices = (_19 = props.showXAxisIndices) !== null && _19 !== void 0 ? _19 : AxesAndRulesDefaults.showXAxisIndices;
-    var xAxisIndicesHeight = (_20 = props.xAxisIndicesHeight) !== null && _20 !== void 0 ? _20 : AxesAndRulesDefaults.xAxisIndicesHeight;
-    var xAxisIndicesWidth = (_21 = props.xAxisIndicesWidth) !== null && _21 !== void 0 ? _21 : AxesAndRulesDefaults.xAxisIndicesWidth;
-    var xAxisIndicesColor = (_22 = props.xAxisIndicesColor) !== null && _22 !== void 0 ? _22 : AxesAndRulesDefaults.xAxisIndicesColor;
-    var xAxisThickness = (_23 = props.xAxisThickness) !== null && _23 !== void 0 ? _23 : AxesAndRulesDefaults.xAxisThickness;
-    var xAxisTextNumberOfLines = (_24 = props.xAxisTextNumberOfLines) !== null && _24 !== void 0 ? _24 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
-    var xAxisLabelsVerticalShift = (_25 = props.xAxisLabelsVerticalShift) !== null && _25 !== void 0 ? _25 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
-    var xAxisLabelsAtBottom = (_26 = props.xAxisLabelsAtBottom) !== null && _26 !== void 0 ? _26 : false;
+    var showScrollIndicator = (_15 = props.showScrollIndicator) !== null && _15 !== void 0 ? _15 : BarDefaults.showScrollIndicator;
+    var side = (_16 = props.side) !== null && _16 !== void 0 ? _16 : BarDefaults.side;
+    var rotateLabel = (_17 = props.rotateLabel) !== null && _17 !== void 0 ? _17 : AxesAndRulesDefaults.rotateLabel;
+    var opacity = (_18 = props.opacity) !== null && _18 !== void 0 ? _18 : BarDefaults.opacity;
+    var isThreeD = (_19 = props.isThreeD) !== null && _19 !== void 0 ? _19 : BarDefaults.isThreeD;
+    var showXAxisIndices = (_20 = props.showXAxisIndices) !== null && _20 !== void 0 ? _20 : AxesAndRulesDefaults.showXAxisIndices;
+    var xAxisIndicesHeight = (_21 = props.xAxisIndicesHeight) !== null && _21 !== void 0 ? _21 : AxesAndRulesDefaults.xAxisIndicesHeight;
+    var xAxisIndicesWidth = (_22 = props.xAxisIndicesWidth) !== null && _22 !== void 0 ? _22 : AxesAndRulesDefaults.xAxisIndicesWidth;
+    var xAxisIndicesColor = (_23 = props.xAxisIndicesColor) !== null && _23 !== void 0 ? _23 : AxesAndRulesDefaults.xAxisIndicesColor;
+    var xAxisThickness = (_24 = props.xAxisThickness) !== null && _24 !== void 0 ? _24 : AxesAndRulesDefaults.xAxisThickness;
+    var xAxisTextNumberOfLines = (_25 = props.xAxisTextNumberOfLines) !== null && _25 !== void 0 ? _25 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
+    var xAxisLabelsVerticalShift = (_26 = props.xAxisLabelsVerticalShift) !== null && _26 !== void 0 ? _26 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
+    var xAxisLabelsAtBottom = (_27 = props.xAxisLabelsAtBottom) !== null && _27 !== void 0 ? _27 : false;
     var horizontalRulesStyle = props.horizontalRulesStyle;
-    var autoShiftLabels = (_27 = props.autoShiftLabels) !== null && _27 !== void 0 ? _27 : false;
-    var barBorderColor = (_28 = props.barBorderColor) !== null && _28 !== void 0 ? _28 : BarDefaults.barBorderColor;
+    var autoShiftLabels = (_28 = props.autoShiftLabels) !== null && _28 !== void 0 ? _28 : false;
+    var barBorderColor = (_29 = props.barBorderColor) !== null && _29 !== void 0 ? _29 : BarDefaults.barBorderColor;
     var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, 0);
     var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
-    var _74 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepHeight = _74.stepHeight, secondaryStepValue = _74.stepValue, secondaryNegativeStepHeight = _74.negativeStepHeight, secondaryNegativeStepValue = _74.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _74.noOfSectionsBelowXAxis;
-    var primary4thQuadrantHeight = noOfSectionsBelowXAxis * ((_29 = props.negativeStepHeight) !== null && _29 !== void 0 ? _29 : stepHeight);
+    var _75 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepHeight = _75.stepHeight, secondaryStepValue = _75.stepValue, secondaryNegativeStepHeight = _75.negativeStepHeight, secondaryNegativeStepValue = _75.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _75.noOfSectionsBelowXAxis;
+    var primary4thQuadrantHeight = noOfSectionsBelowXAxis * ((_30 = props.negativeStepHeight) !== null && _30 !== void 0 ? _30 : stepHeight);
     var secondary4thQuadrantHeight = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
     var fourthQuadrantHeight = Math.max(primary4thQuadrantHeight, secondary4thQuadrantHeight);
     var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
-    var _75 = __read(useState(-1), 2), pointerIndex = _75[0], setPointerIndex = _75[1];
-    var _76 = __read(useState(0), 2), pointerX = _76[0], setPointerX = _76[1];
-    var _77 = __read(useState(0), 2), pointerY = _77[0], setPointerY = _77[1];
-    var _78 = __read(useState(), 2), pointerItem = _78[0], setPointerItem = _78[1];
-    var _79 = __read(useState(0), 2), responderStartTime = _79[0], setResponderStartTime = _79[1];
-    var _80 = __read(useState(false), 2), responderActive = _80[0], setResponderActive = _80[1];
+    var _76 = __read(useState(-1), 2), pointerIndex = _76[0], setPointerIndex = _76[1];
+    var _77 = __read(useState(0), 2), pointerX = _77[0], setPointerX = _77[1];
+    var _78 = __read(useState(0), 2), pointerY = _78[0], setPointerY = _78[1];
+    var _79 = __read(useState(), 2), pointerItem = _79[0], setPointerItem = _79[1];
+    var _80 = __read(useState(0), 2), responderStartTime = _80[0], setResponderStartTime = _80[1];
+    var _81 = __read(useState(false), 2), responderActive = _81[0], setResponderActive = _81[1];
     var pointerConfig = props.pointerConfig;
-    var getPointerProps = (_30 = props.getPointerProps) !== null && _30 !== void 0 ? _30 : null;
-    var pointerHeight = (_31 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _31 !== void 0 ? _31 : defaultPointerConfig.height;
-    var pointerWidth = (_32 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _32 !== void 0 ? _32 : defaultPointerConfig.width;
-    var pointerRadius = (_33 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _33 !== void 0 ? _33 : defaultPointerConfig.radius;
-    var pointerColor = (_34 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _34 !== void 0 ? _34 : defaultPointerConfig.pointerColor;
-    var pointerComponent = (_35 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _35 !== void 0 ? _35 : defaultPointerConfig.pointerComponent;
+    var getPointerProps = (_31 = props.getPointerProps) !== null && _31 !== void 0 ? _31 : null;
+    var pointerHeight = (_32 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _32 !== void 0 ? _32 : defaultPointerConfig.height;
+    var pointerWidth = (_33 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _33 !== void 0 ? _33 : defaultPointerConfig.width;
+    var pointerRadius = (_34 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _34 !== void 0 ? _34 : defaultPointerConfig.radius;
+    var pointerColor = (_35 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _35 !== void 0 ? _35 : defaultPointerConfig.pointerColor;
+    var pointerComponent = (_36 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _36 !== void 0 ? _36 : defaultPointerConfig.pointerComponent;
     var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
         ? false
         : defaultPointerConfig.showPointerStrip;
-    var pointerStripHeight = (_36 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _36 !== void 0 ? _36 : defaultPointerConfig.pointerStripHeight;
-    var pointerStripWidth = (_37 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _37 !== void 0 ? _37 : defaultPointerConfig.pointerStripWidth;
-    var pointerStripColor = (_38 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _38 !== void 0 ? _38 : defaultPointerConfig.pointerStripColor;
-    var pointerStripUptoDataPoint = (_39 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _39 !== void 0 ? _39 : defaultPointerConfig.pointerStripUptoDataPoint;
-    var pointerLabelComponent = (_40 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _40 !== void 0 ? _40 : defaultPointerConfig.pointerLabelComponent;
-    var stripOverPointer = (_41 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _41 !== void 0 ? _41 : defaultPointerConfig.stripOverPointer;
-    var shiftPointerLabelX = (_42 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _42 !== void 0 ? _42 : defaultPointerConfig.shiftPointerLabelX;
-    var shiftPointerLabelY = (_43 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _43 !== void 0 ? _43 : defaultPointerConfig.shiftPointerLabelY;
-    var pointerLabelWidth = (_44 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _44 !== void 0 ? _44 : defaultPointerConfig.pointerLabelWidth;
-    var pointerLabelHeight = (_45 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _45 !== void 0 ? _45 : defaultPointerConfig.pointerLabelHeight;
-    var autoAdjustPointerLabelPosition = (_46 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _46 !== void 0 ? _46 : defaultPointerConfig.autoAdjustPointerLabelPosition;
-    var pointerVanishDelay = (_47 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _47 !== void 0 ? _47 : defaultPointerConfig.pointerVanishDelay;
-    var activatePointersOnLongPress = (_48 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _48 !== void 0 ? _48 : defaultPointerConfig.activatePointersOnLongPress;
-    var activatePointersDelay = (_49 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _49 !== void 0 ? _49 : defaultPointerConfig.activatePointersDelay;
-    var initialPointerIndex = (_50 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _50 !== void 0 ? _50 : defaultPointerConfig.initialPointerIndex;
-    var initialPointerAppearDelay = (_51 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _51 !== void 0 ? _51 : (isAnimated
+    var pointerStripHeight = (_37 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _37 !== void 0 ? _37 : defaultPointerConfig.pointerStripHeight;
+    var pointerStripWidth = (_38 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _38 !== void 0 ? _38 : defaultPointerConfig.pointerStripWidth;
+    var pointerStripColor = (_39 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _39 !== void 0 ? _39 : defaultPointerConfig.pointerStripColor;
+    var pointerStripUptoDataPoint = (_40 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _40 !== void 0 ? _40 : defaultPointerConfig.pointerStripUptoDataPoint;
+    var pointerLabelComponent = (_41 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _41 !== void 0 ? _41 : defaultPointerConfig.pointerLabelComponent;
+    var stripOverPointer = (_42 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _42 !== void 0 ? _42 : defaultPointerConfig.stripOverPointer;
+    var shiftPointerLabelX = (_43 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _43 !== void 0 ? _43 : defaultPointerConfig.shiftPointerLabelX;
+    var shiftPointerLabelY = (_44 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _44 !== void 0 ? _44 : defaultPointerConfig.shiftPointerLabelY;
+    var pointerLabelWidth = (_45 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _45 !== void 0 ? _45 : defaultPointerConfig.pointerLabelWidth;
+    var pointerLabelHeight = (_46 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _46 !== void 0 ? _46 : defaultPointerConfig.pointerLabelHeight;
+    var autoAdjustPointerLabelPosition = (_47 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _47 !== void 0 ? _47 : defaultPointerConfig.autoAdjustPointerLabelPosition;
+    var pointerVanishDelay = (_48 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _48 !== void 0 ? _48 : defaultPointerConfig.pointerVanishDelay;
+    var activatePointersOnLongPress = (_49 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _49 !== void 0 ? _49 : defaultPointerConfig.activatePointersOnLongPress;
+    var activatePointersDelay = (_50 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _50 !== void 0 ? _50 : defaultPointerConfig.activatePointersDelay;
+    var initialPointerIndex = (_51 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _51 !== void 0 ? _51 : defaultPointerConfig.initialPointerIndex;
+    var initialPointerAppearDelay = (_52 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _52 !== void 0 ? _52 : (isAnimated
         ? animationDuration
         : defaultPointerConfig.initialPointerAppearDelay);
-    var persistPointer = (_52 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _52 !== void 0 ? _52 : defaultPointerConfig.persistPointer;
-    var hidePointer1 = (_53 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _53 !== void 0 ? _53 : defaultPointerConfig.hidePointer1;
+    var persistPointer = (_53 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _53 !== void 0 ? _53 : defaultPointerConfig.persistPointer;
+    var hidePointer1 = (_54 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _54 !== void 0 ? _54 : defaultPointerConfig.hidePointer1;
     var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
-    var stripBehindBars = (_54 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripBehindBars) !== null && _54 !== void 0 ? _54 : defaultPointerConfig.stripBehindBars;
-    var disableScroll = (_55 = props.disableScroll) !== null && _55 !== void 0 ? _55 : (pointerConfig
+    var stripBehindBars = (_55 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripBehindBars) !== null && _55 !== void 0 ? _55 : defaultPointerConfig.stripBehindBars;
+    var disableScroll = (_56 = props.disableScroll) !== null && _56 !== void 0 ? _56 : (pointerConfig
         ? activatePointersOnLongPress
             ? !!responderActive
             : true
         : false);
     var yAxisExtraHeightAtTop = props.trimYAxisAtTop
         ? 0
-        : (_56 = props.yAxisExtraHeight) !== null && _56 !== void 0 ? _56 : containerHeight / 20;
+        : (_57 = props.yAxisExtraHeight) !== null && _57 !== void 0 ? _57 : containerHeight / 20;
     var barInnerComponent = props.barInnerComponent;
     var localYAxisOffset1 = lineConfig.isSecondary
-        ? (_58 = (_57 = props.secondaryYAxis) === null || _57 === void 0 ? void 0 : _57.yAxisOffset) !== null && _58 !== void 0 ? _58 : 0
+        ? (_59 = (_58 = props.secondaryYAxis) === null || _58 === void 0 ? void 0 : _58.yAxisOffset) !== null && _59 !== void 0 ? _59 : 0
         : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0;
     var localYAxisOffset2 = lineConfig2.isSecondary
-        ? (_60 = (_59 = props.secondaryYAxis) === null || _59 === void 0 ? void 0 : _59.yAxisOffset) !== null && _60 !== void 0 ? _60 : 0
+        ? (_61 = (_60 = props.secondaryYAxis) === null || _60 === void 0 ? void 0 : _60.yAxisOffset) !== null && _61 !== void 0 ? _61 : 0
         : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0;
     useEffect(function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
@@ -444,9 +445,9 @@ export var useBarChart = function (props) {
         spacing,
         yAxisLabelWidth,
         lineConfig.showArrow,
-        (_61 = lineConfig.arrowConfig) === null || _61 === void 0 ? void 0 : _61.length,
-        (_62 = lineConfig.arrowConfig) === null || _62 === void 0 ? void 0 : _62.width,
-        (_63 = lineConfig.arrowConfig) === null || _63 === void 0 ? void 0 : _63.showArrowBase
+        (_62 = lineConfig.arrowConfig) === null || _62 === void 0 ? void 0 : _62.length,
+        (_63 = lineConfig.arrowConfig) === null || _63 === void 0 ? void 0 : _63.width,
+        (_64 = lineConfig.arrowConfig) === null || _64 === void 0 ? void 0 : _64.showArrowBase
     ]);
     useEffect(function () {
         var _a, _b;
@@ -583,19 +584,19 @@ export var useBarChart = function (props) {
         containerHeight: containerHeight,
         noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,
         stepHeight: stepHeight,
-        negativeStepHeight: (_64 = props.negativeStepHeight) !== null && _64 !== void 0 ? _64 : stepHeight,
+        negativeStepHeight: (_65 = props.negativeStepHeight) !== null && _65 !== void 0 ? _65 : stepHeight,
         labelsExtraHeight: labelsExtraHeight,
         yAxisLabelWidth: yAxisLabelWidth,
         horizontal: horizontal,
         rtl: rtl,
-        shiftX: (_65 = props.shiftX) !== null && _65 !== void 0 ? _65 : 0,
-        shiftY: (_66 = props.shiftY) !== null && _66 !== void 0 ? _66 : 0,
+        shiftX: (_66 = props.shiftX) !== null && _66 !== void 0 ? _66 : 0,
+        shiftY: (_67 = props.shiftY) !== null && _67 !== void 0 ? _67 : 0,
         yAxisAtTop: yAxisAtTop,
         initialSpacing: initialSpacing,
         data: data,
         stackData: stackData,
         // secondaryData,
-        barWidth: (_67 = props.barWidth) !== null && _67 !== void 0 ? _67 : defaultBarWidth,
+        barWidth: (_68 = props.barWidth) !== null && _68 !== void 0 ? _68 : defaultBarWidth,
         xAxisThickness: xAxisThickness,
         totalWidth: totalWidth,
         disableScroll: disableScroll,
@@ -644,13 +645,15 @@ export var useBarChart = function (props) {
         pointerY: pointerY,
         onEndReached: props.onEndReached,
         onStartReached: props.onStartReached,
-        endReachedOffset: (_68 = props.endReachedOffset) !== null && _68 !== void 0 ? _68 : BarDefaults.endReachedOffset,
+        endReachedOffset: (_69 = props.endReachedOffset) !== null && _69 !== void 0 ? _69 : BarDefaults.endReachedOffset,
         onMomentumScrollEnd: props.onMomentumScrollEnd,
         customBackground: props.customBackground,
         highlightEnabled: highlightEnabled,
         lowlightOpacity: lowlightOpacity,
         xAxisLabelsAtBottom: xAxisLabelsAtBottom,
-        onScrollEndDrag: props.onScrollEndDrag
+        onScrollEndDrag: props.onScrollEndDrag,
+        floatingYAxisLabels: floatingYAxisLabels,
+        allowFontScaling: allowFontScaling
     };
     return {
         lineConfig: lineConfig,
@@ -763,6 +766,7 @@ export var useBarChart = function (props) {
         barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
         yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
         selectedStackIndex: selectedStackIndex,
-        setSelectedStackIndex: setSelectedStackIndex
+        setSelectedStackIndex: setSelectedStackIndex,
+        allowFontScaling: allowFontScaling
     };
 };

package/dist/BarChart/types.d.ts

@@ -195,6 +195,8 @@ export interface BarChartPropsType {
     xAxisLabelsVerticalShift?: number;
     xAxisLabelsAtBottom?: boolean;
     yAxisLabelWidth?: number;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling?: boolean;
     hideYAxisText?: boolean;
     rotateYAxisTexts?: number;
     yAxisSide?: yAxisSides;
@@ -663,6 +665,7 @@ export interface animatedBarPropTypes {
     selectedIndex: number[];
     focusBarOnPress?: boolean;
     focusedBarConfig?: FocusedBarConfig;
+    containerHeight: number;
 }
 export interface CommonPropsFor2dand3dBarsType {
     barBackgroundPattern?: () => ReactNode;

package/dist/LineChart/LineChartBiColor.d.ts

@@ -97,5 +97,6 @@ export declare const useLineChartBiColor: (props: extendedLineChartBicolorPropsT
     }[];
     barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
     yAxisExtraHeightAtTop: number;
+    allowFontScaling: boolean;
 };
 export {};

package/dist/LineChart/LineChartBiColor.js

@@ -28,11 +28,11 @@ import { AxesAndRulesDefaults, LineDefaults, chartTypes } from '../utils/constan
 import { getAxesAndRulesProps, getExtendedContainerHeightWithPadding } from '../utils';
 var initialData = null;
 export var useLineChartBiColor = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52;
-    var _53 = __read(useState(false), 2), toggle = _53[0], setToggle = _53[1];
-    var _54 = __read(useState([]), 2), pointsArray = _54[0], setPointsArray = _54[1];
-    var _55 = __read(useState([]), 2), fillPointsArray = _55[0], setFillPointsArray = _55[1];
-    var _56 = __read(useState(-1), 2), selectedIndex = _56[0], setSelectedIndex = _56[1];
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53;
+    var _54 = __read(useState(false), 2), toggle = _54[0], setToggle = _54[1];
+    var _55 = __read(useState([]), 2), pointsArray = _55[0], setPointsArray = _55[1];
+    var _56 = __read(useState([]), 2), fillPointsArray = _56[0], setFillPointsArray = _56[1];
+    var _57 = __read(useState(-1), 2), selectedIndex = _57[0], setSelectedIndex = _57[1];
     var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.containerHeight;
     var noOfSections = (_b = props.noOfSections) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.noOfSections;
     var data = useMemo(function () {
@@ -48,12 +48,13 @@ export var useLineChartBiColor = function (props) {
         }
         return props.data;
     }, [props.yAxisOffset, props.data]);
-    var scrollToEnd = (_c = props.scrollToEnd) !== null && _c !== void 0 ? _c : LineDefaults.scrollToEnd;
-    var scrollAnimation = (_d = props.scrollAnimation) !== null && _d !== void 0 ? _d : LineDefaults.scrollAnimation;
-    var scrollEventThrottle = (_e = props.scrollEventThrottle) !== null && _e !== void 0 ? _e : LineDefaults.scrollEventThrottle;
-    var labelsExtraHeight = (_f = props.labelsExtraHeight) !== null && _f !== void 0 ? _f : 0;
-    var animationDuration = (_g = props.animationDuration) !== null && _g !== void 0 ? _g : LineDefaults.animationDuration;
-    var startIndex1 = (_h = props.startIndex) !== null && _h !== void 0 ? _h : 0;
+    var allowFontScaling = (_c = props.allowFontScaling) !== null && _c !== void 0 ? _c : AxesAndRulesDefaults.allowFontScaling;
+    var scrollToEnd = (_d = props.scrollToEnd) !== null && _d !== void 0 ? _d : LineDefaults.scrollToEnd;
+    var scrollAnimation = (_e = props.scrollAnimation) !== null && _e !== void 0 ? _e : LineDefaults.scrollAnimation;
+    var scrollEventThrottle = (_f = props.scrollEventThrottle) !== null && _f !== void 0 ? _f : LineDefaults.scrollEventThrottle;
+    var labelsExtraHeight = (_g = props.labelsExtraHeight) !== null && _g !== void 0 ? _g : 0;
+    var animationDuration = (_h = props.animationDuration) !== null && _h !== void 0 ? _h : LineDefaults.animationDuration;
+    var startIndex1 = (_j = props.startIndex) !== null && _j !== void 0 ? _j : 0;
     var endIndex1;
     if (props.endIndex === undefined || props.endIndex === null) {
         endIndex1 = data.length - 1;
@@ -64,23 +65,23 @@ export var useLineChartBiColor = function (props) {
     if (!initialData) {
         initialData = __spreadArray([], __read(data), false);
     }
-    var adjustToWidth = (_j = props.adjustToWidth) !== null && _j !== void 0 ? _j : false;
-    var initialSpacing = (_k = props.initialSpacing) !== null && _k !== void 0 ? _k : LineDefaults.initialSpacing;
-    var endSpacing = (_l = props.endSpacing) !== null && _l !== void 0 ? _l : (adjustToWidth ? 0 : LineDefaults.endSpacing);
-    var thickness = (_m = props.thickness) !== null && _m !== void 0 ? _m : LineDefaults.thickness;
-    var spacing = (_o = props.spacing) !== null && _o !== void 0 ? _o : (adjustToWidth
-        ? (((_p = props.width) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.width) - initialSpacing) /
+    var adjustToWidth = (_k = props.adjustToWidth) !== null && _k !== void 0 ? _k : false;
+    var initialSpacing = (_l = props.initialSpacing) !== null && _l !== void 0 ? _l : LineDefaults.initialSpacing;
+    var endSpacing = (_m = props.endSpacing) !== null && _m !== void 0 ? _m : (adjustToWidth ? 0 : LineDefaults.endSpacing);
+    var thickness = (_o = props.thickness) !== null && _o !== void 0 ? _o : LineDefaults.thickness;
+    var spacing = (_p = props.spacing) !== null && _p !== void 0 ? _p : (adjustToWidth
+        ? (((_q = props.width) !== null && _q !== void 0 ? _q : AxesAndRulesDefaults.width) - initialSpacing) /
             data.length
         : LineDefaults.spacing);
-    var xAxisThickness = (_q = props.xAxisThickness) !== null && _q !== void 0 ? _q : AxesAndRulesDefaults.xAxisThickness;
-    var dataPointsHeight1 = (_r = props.dataPointsHeight) !== null && _r !== void 0 ? _r : LineDefaults.dataPointsHeight;
-    var dataPointsWidth1 = (_s = props.dataPointsWidth) !== null && _s !== void 0 ? _s : LineDefaults.dataPointsWidth;
-    var dataPointsRadius1 = (_t = props.dataPointsRadius) !== null && _t !== void 0 ? _t : LineDefaults.dataPointsRadius;
-    var dataPointsColor1 = (_u = props.dataPointsColor) !== null && _u !== void 0 ? _u : LineDefaults.dataPointsColor;
-    var dataPointsShape1 = (_v = props.dataPointsShape) !== null && _v !== void 0 ? _v : LineDefaults.dataPointsShape;
-    var areaChart = (_w = props.areaChart) !== null && _w !== void 0 ? _w : false;
-    var textFontSize1 = (_x = props.textFontSize) !== null && _x !== void 0 ? _x : LineDefaults.textFontSize;
-    var textColor1 = (_y = props.textColor) !== null && _y !== void 0 ? _y : LineDefaults.textColor;
+    var xAxisThickness = (_r = props.xAxisThickness) !== null && _r !== void 0 ? _r : AxesAndRulesDefaults.xAxisThickness;
+    var dataPointsHeight1 = (_s = props.dataPointsHeight) !== null && _s !== void 0 ? _s : LineDefaults.dataPointsHeight;
+    var dataPointsWidth1 = (_t = props.dataPointsWidth) !== null && _t !== void 0 ? _t : LineDefaults.dataPointsWidth;
+    var dataPointsRadius1 = (_u = props.dataPointsRadius) !== null && _u !== void 0 ? _u : LineDefaults.dataPointsRadius;
+    var dataPointsColor1 = (_v = props.dataPointsColor) !== null && _v !== void 0 ? _v : LineDefaults.dataPointsColor;
+    var dataPointsShape1 = (_w = props.dataPointsShape) !== null && _w !== void 0 ? _w : LineDefaults.dataPointsShape;
+    var areaChart = (_x = props.areaChart) !== null && _x !== void 0 ? _x : false;
+    var textFontSize1 = (_y = props.textFontSize) !== null && _y !== void 0 ? _y : LineDefaults.textFontSize;
+    var textColor1 = (_z = props.textColor) !== null && _z !== void 0 ? _z : LineDefaults.textColor;
     var totalWidth = initialSpacing + endSpacing;
     var maxItem = 0;
     var minItem = 0;
@@ -93,16 +94,16 @@ export var useLineChartBiColor = function (props) {
         }
         totalWidth += index === data.length - 1 ? 0 : spacing;
     });
-    if ((_z = props.showFractionalValues) !== null && _z !== void 0 ? _z : props.roundToDigits) {
-        maxItem *= 10 * ((_0 = props.roundToDigits) !== null && _0 !== void 0 ? _0 : 1);
+    if ((_0 = props.showFractionalValues) !== null && _0 !== void 0 ? _0 : props.roundToDigits) {
+        maxItem *= 10 * ((_1 = props.roundToDigits) !== null && _1 !== void 0 ? _1 : 1);
         maxItem = maxItem + (10 - (maxItem % 10));
-        maxItem /= 10 * ((_1 = props.roundToDigits) !== null && _1 !== void 0 ? _1 : 1);
-        maxItem = parseFloat(maxItem.toFixed((_2 = props.roundToDigits) !== null && _2 !== void 0 ? _2 : 1));
+        maxItem /= 10 * ((_2 = props.roundToDigits) !== null && _2 !== void 0 ? _2 : 1);
+        maxItem = parseFloat(maxItem.toFixed((_3 = props.roundToDigits) !== null && _3 !== void 0 ? _3 : 1));
         if (minItem !== 0) {
-            minItem *= 10 * ((_3 = props.roundToDigits) !== null && _3 !== void 0 ? _3 : 1);
+            minItem *= 10 * ((_4 = props.roundToDigits) !== null && _4 !== void 0 ? _4 : 1);
             minItem = minItem - (10 + (minItem % 10));
-            minItem /= 10 * ((_4 = props.roundToDigits) !== null && _4 !== void 0 ? _4 : 1);
-            minItem = parseFloat(minItem.toFixed((_5 = props.roundToDigits) !== null && _5 !== void 0 ? _5 : 1));
+            minItem /= 10 * ((_5 = props.roundToDigits) !== null && _5 !== void 0 ? _5 : 1);
+            minItem = parseFloat(minItem.toFixed((_6 = props.roundToDigits) !== null && _6 !== void 0 ? _6 : 1));
         }
     }
     else {
@@ -111,8 +112,8 @@ export var useLineChartBiColor = function (props) {
             minItem = minItem - (10 + (minItem % 10));
         }
     }
-    var maxValue = (_6 = props.maxValue) !== null && _6 !== void 0 ? _6 : maxItem;
-    var mostNegativeValue = (_7 = props.mostNegativeValue) !== null && _7 !== void 0 ? _7 : minItem;
+    var maxValue = (_7 = props.maxValue) !== null && _7 !== void 0 ? _7 : maxItem;
+    var mostNegativeValue = (_8 = props.mostNegativeValue) !== null && _8 !== void 0 ? _8 : minItem;
     var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, props.overflowTop);
     var yAtxAxis = extendedContainerHeight - xAxisThickness / 2;
     var getX = function (index) { return initialSpacing + spacing * index; };
@@ -310,67 +311,67 @@ export var useLineChartBiColor = function (props) {
         maxValue
     ]);
     var horizSections = [{ value: '0' }];
-    var stepHeight = (_8 = props.stepHeight) !== null && _8 !== void 0 ? _8 : containerHeight / noOfSections;
-    var stepValue = (_9 = props.stepValue) !== null && _9 !== void 0 ? _9 : maxValue / noOfSections;
-    var noOfSectionsBelowXAxis = (_10 = props.noOfSectionsBelowXAxis) !== null && _10 !== void 0 ? _10 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
-    var thickness1 = (_11 = props.thickness) !== null && _11 !== void 0 ? _11 : LineDefaults.thickness;
-    var zIndex = (_12 = props.zIndex) !== null && _12 !== void 0 ? _12 : 0;
+    var stepHeight = (_9 = props.stepHeight) !== null && _9 !== void 0 ? _9 : containerHeight / noOfSections;
+    var stepValue = (_10 = props.stepValue) !== null && _10 !== void 0 ? _10 : maxValue / noOfSections;
+    var noOfSectionsBelowXAxis = (_11 = props.noOfSectionsBelowXAxis) !== null && _11 !== void 0 ? _11 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
+    var thickness1 = (_12 = props.thickness) !== null && _12 !== void 0 ? _12 : LineDefaults.thickness;
+    var zIndex = (_13 = props.zIndex) !== null && _13 !== void 0 ? _13 : 0;
     var strokeDashArray1 = props.strokeDashArray;
-    var rotateLabel = (_13 = props.rotateLabel) !== null && _13 !== void 0 ? _13 : AxesAndRulesDefaults.rotateLabel;
-    var isAnimated = (_14 = props.isAnimated) !== null && _14 !== void 0 ? _14 : LineDefaults.isAnimated;
-    var hideDataPoints1 = (_15 = props.hideDataPoints) !== null && _15 !== void 0 ? _15 : LineDefaults.hideDataPoints;
-    var color = (_16 = props.color) !== null && _16 !== void 0 ? _16 : 'green';
-    var colorNegative = (_17 = props.colorNegative) !== null && _17 !== void 0 ? _17 : 'red';
-    var startFillColor = (_18 = props.startFillColor) !== null && _18 !== void 0 ? _18 : 'lightgreen';
-    var endFillColor = (_19 = props.endFillColor) !== null && _19 !== void 0 ? _19 : 'white';
-    var startOpacity = (_20 = props.startOpacity) !== null && _20 !== void 0 ? _20 : LineDefaults.startOpacity;
-    var endOpacity = (_21 = props.endOpacity) !== null && _21 !== void 0 ? _21 : LineDefaults.endOpacity;
-    var startFillColorNegative = (_22 = props.startFillColorNegative) !== null && _22 !== void 0 ? _22 : 'pink';
-    var endFillColorNegative = (_23 = props.endFillColorNegative) !== null && _23 !== void 0 ? _23 : 'white';
-    var startOpacityNegative = (_24 = props.startOpacityNegative) !== null && _24 !== void 0 ? _24 : LineDefaults.startOpacity;
-    var endOpacityNegative = (_25 = props.endOpacityNegative) !== null && _25 !== void 0 ? _25 : LineDefaults.endOpacity;
-    var gradientDirection = (_26 = props.gradientDirection) !== null && _26 !== void 0 ? _26 : 'vertical';
-    var showXAxisIndices = (_27 = props.showXAxisIndices) !== null && _27 !== void 0 ? _27 : AxesAndRulesDefaults.showXAxisIndices;
-    var xAxisIndicesHeight = (_28 = props.xAxisIndicesHeight) !== null && _28 !== void 0 ? _28 : AxesAndRulesDefaults.xAxisIndicesHeight;
-    var xAxisIndicesWidth = (_29 = props.xAxisIndicesWidth) !== null && _29 !== void 0 ? _29 : AxesAndRulesDefaults.xAxisIndicesWidth;
-    var xAxisIndicesColor = (_30 = props.xAxisIndicesColor) !== null && _30 !== void 0 ? _30 : AxesAndRulesDefaults.xAxisIndicesColor;
-    var xAxisTextNumberOfLines = (_31 = props.xAxisTextNumberOfLines) !== null && _31 !== void 0 ? _31 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
+    var rotateLabel = (_14 = props.rotateLabel) !== null && _14 !== void 0 ? _14 : AxesAndRulesDefaults.rotateLabel;
+    var isAnimated = (_15 = props.isAnimated) !== null && _15 !== void 0 ? _15 : LineDefaults.isAnimated;
+    var hideDataPoints1 = (_16 = props.hideDataPoints) !== null && _16 !== void 0 ? _16 : LineDefaults.hideDataPoints;
+    var color = (_17 = props.color) !== null && _17 !== void 0 ? _17 : 'green';
+    var colorNegative = (_18 = props.colorNegative) !== null && _18 !== void 0 ? _18 : 'red';
+    var startFillColor = (_19 = props.startFillColor) !== null && _19 !== void 0 ? _19 : 'lightgreen';
+    var endFillColor = (_20 = props.endFillColor) !== null && _20 !== void 0 ? _20 : 'white';
+    var startOpacity = (_21 = props.startOpacity) !== null && _21 !== void 0 ? _21 : LineDefaults.startOpacity;
+    var endOpacity = (_22 = props.endOpacity) !== null && _22 !== void 0 ? _22 : LineDefaults.endOpacity;
+    var startFillColorNegative = (_23 = props.startFillColorNegative) !== null && _23 !== void 0 ? _23 : 'pink';
+    var endFillColorNegative = (_24 = props.endFillColorNegative) !== null && _24 !== void 0 ? _24 : 'white';
+    var startOpacityNegative = (_25 = props.startOpacityNegative) !== null && _25 !== void 0 ? _25 : LineDefaults.startOpacity;
+    var endOpacityNegative = (_26 = props.endOpacityNegative) !== null && _26 !== void 0 ? _26 : LineDefaults.endOpacity;
+    var gradientDirection = (_27 = props.gradientDirection) !== null && _27 !== void 0 ? _27 : 'vertical';
+    var showXAxisIndices = (_28 = props.showXAxisIndices) !== null && _28 !== void 0 ? _28 : AxesAndRulesDefaults.showXAxisIndices;
+    var xAxisIndicesHeight = (_29 = props.xAxisIndicesHeight) !== null && _29 !== void 0 ? _29 : AxesAndRulesDefaults.xAxisIndicesHeight;
+    var xAxisIndicesWidth = (_30 = props.xAxisIndicesWidth) !== null && _30 !== void 0 ? _30 : AxesAndRulesDefaults.xAxisIndicesWidth;
+    var xAxisIndicesColor = (_31 = props.xAxisIndicesColor) !== null && _31 !== void 0 ? _31 : AxesAndRulesDefaults.xAxisIndicesColor;
+    var xAxisTextNumberOfLines = (_32 = props.xAxisTextNumberOfLines) !== null && _32 !== void 0 ? _32 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
     var horizontalRulesStyle = props.horizontalRulesStyle;
-    var showFractionalValues = (_32 = props.showFractionalValues) !== null && _32 !== void 0 ? _32 : AxesAndRulesDefaults.showFractionalValues;
-    var yAxisLabelWidth = (_33 = props.yAxisLabelWidth) !== null && _33 !== void 0 ? _33 : (props.hideYAxisText
+    var showFractionalValues = (_33 = props.showFractionalValues) !== null && _33 !== void 0 ? _33 : AxesAndRulesDefaults.showFractionalValues;
+    var yAxisLabelWidth = (_34 = props.yAxisLabelWidth) !== null && _34 !== void 0 ? _34 : (props.hideYAxisText
         ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
         : AxesAndRulesDefaults.yAxisLabelWidth);
     var yAxisExtraHeightAtTop = props.trimYAxisAtTop
         ? 0
-        : (_34 = props.yAxisExtraHeight) !== null && _34 !== void 0 ? _34 : containerHeight / 20;
+        : (_35 = props.yAxisExtraHeight) !== null && _35 !== void 0 ? _35 : containerHeight / 20;
     var horizontal = false;
     var yAxisAtTop = false;
-    var disableScroll = (_35 = props.disableScroll) !== null && _35 !== void 0 ? _35 : LineDefaults.disableScroll;
-    var showScrollIndicator = (_36 = props.showScrollIndicator) !== null && _36 !== void 0 ? _36 : LineDefaults.showScrollIndicator;
-    var focusEnabled = (_37 = props.focusEnabled) !== null && _37 !== void 0 ? _37 : LineDefaults.focusEnabled;
-    var showDataPointOnFocus = (_38 = props.showDataPointOnFocus) !== null && _38 !== void 0 ? _38 : LineDefaults.showDataPointOnFocus;
-    var showStripOnFocus = (_39 = props.showStripOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showStripOnFocus;
-    var showTextOnFocus = (_40 = props.showTextOnFocus) !== null && _40 !== void 0 ? _40 : LineDefaults.showTextOnFocus;
+    var disableScroll = (_36 = props.disableScroll) !== null && _36 !== void 0 ? _36 : LineDefaults.disableScroll;
+    var showScrollIndicator = (_37 = props.showScrollIndicator) !== null && _37 !== void 0 ? _37 : LineDefaults.showScrollIndicator;
+    var focusEnabled = (_38 = props.focusEnabled) !== null && _38 !== void 0 ? _38 : LineDefaults.focusEnabled;
+    var showDataPointOnFocus = (_39 = props.showDataPointOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showDataPointOnFocus;
+    var showStripOnFocus = (_40 = props.showStripOnFocus) !== null && _40 !== void 0 ? _40 : LineDefaults.showStripOnFocus;
+    var showTextOnFocus = (_41 = props.showTextOnFocus) !== null && _41 !== void 0 ? _41 : LineDefaults.showTextOnFocus;
     var stripHeight = props.stripHeight;
-    var stripWidth = (_41 = props.stripWidth) !== null && _41 !== void 0 ? _41 : LineDefaults.stripWidth;
-    var stripColor = (_42 = props.stripColor) !== null && _42 !== void 0 ? _42 : color;
-    var stripOpacity = (_43 = props.stripOpacity) !== null && _43 !== void 0 ? _43 : (startOpacity + endOpacity) / 2;
-    var unFocusOnPressOut = (_44 = props.unFocusOnPressOut) !== null && _44 !== void 0 ? _44 : LineDefaults.unFocusOnPressOut;
-    var delayBeforeUnFocus = (_45 = props.delayBeforeUnFocus) !== null && _45 !== void 0 ? _45 : LineDefaults.delayBeforeUnFocus;
+    var stripWidth = (_42 = props.stripWidth) !== null && _42 !== void 0 ? _42 : LineDefaults.stripWidth;
+    var stripColor = (_43 = props.stripColor) !== null && _43 !== void 0 ? _43 : color;
+    var stripOpacity = (_44 = props.stripOpacity) !== null && _44 !== void 0 ? _44 : (startOpacity + endOpacity) / 2;
+    var unFocusOnPressOut = (_45 = props.unFocusOnPressOut) !== null && _45 !== void 0 ? _45 : LineDefaults.unFocusOnPressOut;
+    var delayBeforeUnFocus = (_46 = props.delayBeforeUnFocus) !== null && _46 !== void 0 ? _46 : LineDefaults.delayBeforeUnFocus;
     horizSections.pop();
     for (var i = 0; i <= noOfSections; i++) {
         var value = maxValue - stepValue * i;
-        if ((_46 = props.showFractionalValues) !== null && _46 !== void 0 ? _46 : props.roundToDigits) {
-            value = parseFloat(value.toFixed((_47 = props.roundToDigits) !== null && _47 !== void 0 ? _47 : 1));
+        if ((_47 = props.showFractionalValues) !== null && _47 !== void 0 ? _47 : props.roundToDigits) {
+            value = parseFloat(value.toFixed((_48 = props.roundToDigits) !== null && _48 !== void 0 ? _48 : 1));
         }
         horizSections.push({
             value: props.yAxisLabelTexts
-                ? (_48 = props.yAxisLabelTexts[noOfSections - i]) !== null && _48 !== void 0 ? _48 : value.toString()
+                ? (_49 = props.yAxisLabelTexts[noOfSections - i]) !== null && _49 !== void 0 ? _49 : value.toString()
                 : value.toString()
         });
     }
-    var dataPointsRadius = (_49 = props.dataPointsRadius) !== null && _49 !== void 0 ? _49 : LineDefaults.dataPointsRadius;
-    var dataPointsWidth = (_50 = props.dataPointsWidth) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsWidth;
+    var dataPointsRadius = (_50 = props.dataPointsRadius) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsRadius;
+    var dataPointsWidth = (_51 = props.dataPointsWidth) !== null && _51 !== void 0 ? _51 : LineDefaults.dataPointsWidth;
     var extraWidthDueToDataPoint = props.hideDataPoints
         ? 0
         : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -422,7 +423,7 @@ export var useLineChartBiColor = function (props) {
         horizontalRulesStyle: horizontalRulesStyle,
         noOfSections: noOfSections,
         showFractionalValues: showFractionalValues,
-        axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_51 = props.roundToDigits) !== null && _51 !== void 0 ? _51 : 0, stepValue, 0, 0, false, 0),
+        axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_52 = props.roundToDigits) !== null && _52 !== void 0 ? _52 : 0, stepValue, 0, 0, false, 0),
         yAxisLabelTexts: props.yAxisLabelTexts,
         yAxisOffset: props.yAxisOffset,
         rotateYAxisTexts: 0,
@@ -437,12 +438,14 @@ export var useLineChartBiColor = function (props) {
         pointerIndex: 0,
         pointerX: 0,
         pointerY: 0,
-        endReachedOffset: (_52 = props.endReachedOffset) !== null && _52 !== void 0 ? _52 : LineDefaults.endReachedOffset,
+        endReachedOffset: (_53 = props.endReachedOffset) !== null && _53 !== void 0 ? _53 : LineDefaults.endReachedOffset,
         extraWidthDueToDataPoint: extraWidthDueToDataPoint,
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity,
         xAxisLabelsAtBottom: false,
-        onScrollEndDrag: props.onScrollEndDrag
+        onScrollEndDrag: props.onScrollEndDrag,
+        floatingYAxisLabels: props.floatingYAxisLabels,
+        allowFontScaling: allowFontScaling
     };
     return {
         toggle: toggle,
@@ -531,6 +534,7 @@ export var useLineChartBiColor = function (props) {
         delayBeforeUnFocus: delayBeforeUnFocus,
         horizSections: horizSections,
         barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
-        yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
+        yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
+        allowFontScaling: allowFontScaling
     };
 };

package/dist/LineChart/index.d.ts

@@ -314,8 +314,8 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
         arrowConfig: import("../utils/types").arrowConfigType | undefined;
     };
     addLeadingAndTrailingPathForAreaFill: (initialPath: string, value: number, dataLength: number) => string;
-    getNextPoint: (data: lineDataItemNullSafe[], index: number, around: boolean, before: boolean, spacingArray: number[]) => string;
-    getStepPath: (data: lineDataItemNullSafe[], i: number, spacingArray: number[], lineSegment: LineSegment[] | undefined) => string;
+    getNextPoint: (data: lineDataItemNullSafe[], index: number, around: boolean, before: boolean, spacingArray: number[], isSecondary?: boolean) => string;
+    getStepPath: (data: lineDataItemNullSafe[], i: number, spacingArray: number[], lineSegment: LineSegment[] | undefined, isSecondary?: boolean) => string;
     getSegmentPath: (data: lineDataItemNullSafe[], i: number, lineSegment: LineSegment[] | undefined, startIndex: number, endIndex: number, spacingArray: number[], isSecondary?: boolean) => string;
     gradientDirection: string;
     horizSections: {
@@ -419,4 +419,5 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     renderTooltip5: Function | undefined;
     renderTooltipSecondary: Function | undefined;
     pointerItemLocal: any[];
+    allowFontScaling: boolean;
 };

package/dist/LineChart/index.js

@@ -36,7 +36,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useEffect, useMemo, useState } from 'react';
 import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTypes, defaultArrowConfig, defaultPointerConfig } from '../utils/constants';
-import { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
+import { colorsToLowerCase, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
 import { EdgePosition } from '../utils/types';
 export var useLineChart = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336, _337, _338;
@@ -105,12 +105,13 @@ export var useLineChart = function (props) {
     var _386 = __read(useState([]), 2), fillPointsFromSet = _386[0], setFillPointsFromSet = _386[1];
     var _387 = __read(useState([]), 2), arrowPointsFromSet = _387[0], setArrowPointsFromSet = _387[1];
     var _388 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _388[0], setSelectedIndex = _388[1];
+    var allowFontScaling = (_p = props.allowFontScaling) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.allowFontScaling;
     useEffect(function () {
         var _a;
         setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
     }, [props.focusedDataPointIndex]);
     var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
-    var containerHeight = (_p = props.height) !== null && _p !== void 0 ? _p : (((_q = props.stepHeight) !== null && _q !== void 0 ? _q : 0) * noOfSections ||
+    var containerHeight = (_q = props.height) !== null && _q !== void 0 ? _q : (((_r = props.stepHeight) !== null && _r !== void 0 ? _r : 0) * noOfSections ||
         AxesAndRulesDefaults.containerHeight);
     var dataSanitisationProps = {
         showDataPointsForMissingValues: showDataPointsForMissingValues,
@@ -123,17 +124,16 @@ export var useLineChart = function (props) {
     var data3 = useMemo(function () { return getSanitisedData(props.data3, dataSanitisationProps); }, [yAxisOffset, props.data3]);
     var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
     var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
-    var secondaryData = (_r = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _r !== void 0 ? _r : [];
-    var dataSet = undefined;
-    if ((_s = props.dataSet) === null || _s === void 0 ? void 0 : _s.length) {
-        dataSet = useMemo(function () {
-            var _a;
-            return (_a = props.dataSet) === null || _a === void 0 ? void 0 : _a.map(function (dataSetItem) {
-                var sanitisedData = getSanitisedData(dataSetItem.data, dataSanitisationProps);
-                return __assign(__assign({}, dataSetItem), { data: sanitisedData });
-            });
-        }, [yAxisOffset, props.dataSet]);
-    }
+    var secondaryData = (_s = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _s !== void 0 ? _s : [];
+    var dataSet = useMemo(function () {
+        var _a, _b;
+        if (!((_a = props.dataSet) === null || _a === void 0 ? void 0 : _a.length))
+            return undefined;
+        return (_b = props.dataSet) === null || _b === void 0 ? void 0 : _b.map(function (dataSetItem) {
+            var sanitisedData = getSanitisedData(dataSetItem.data, dataSanitisationProps);
+            return __assign(__assign({}, dataSetItem), { data: sanitisedData });
+        });
+    }, [yAxisOffset, props.dataSet]);
     var data0 = (_t = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _t === void 0 ? void 0 : _t.data;
     var scrollToEnd = (_u = props.scrollToEnd) !== null && _u !== void 0 ? _u : LineDefaults.scrollToEnd;
     var scrollAnimation = (_v = props.scrollAnimation) !== null && _v !== void 0 ? _v : LineDefaults.scrollAnimation;
@@ -170,27 +170,27 @@ export var useLineChart = function (props) {
         ? getLineSegmentsForMissingValues(props.data)
         : !extrapolateMissingValues
             ? getLineSegmentsDueToNoExtrapolation(props.data)
-            : props.lineSegments;
+            : colorsToLowerCase(props.lineSegments);
     var lineSegments2 = !interpolateMissingValues
         ? getLineSegmentsForMissingValues(props.data2)
         : !extrapolateMissingValues
             ? getLineSegmentsDueToNoExtrapolation(props.data2)
-            : props.lineSegments2;
+            : colorsToLowerCase(props.lineSegments2);
     var lineSegments3 = !interpolateMissingValues
         ? getLineSegmentsForMissingValues(props.data3)
         : !extrapolateMissingValues
             ? getLineSegmentsDueToNoExtrapolation(props.data3)
-            : props.lineSegments3;
+            : colorsToLowerCase(props.lineSegments3);
     var lineSegments4 = !interpolateMissingValues
         ? getLineSegmentsForMissingValues(props.data4)
         : !extrapolateMissingValues
             ? getLineSegmentsDueToNoExtrapolation(props.data4)
-            : props.lineSegments4;
+            : colorsToLowerCase(props.lineSegments4);
     var lineSegments5 = !interpolateMissingValues
         ? getLineSegmentsForMissingValues(props.data5)
         : !extrapolateMissingValues
             ? getLineSegmentsDueToNoExtrapolation(props.data5)
-            : props.lineSegments5;
+            : colorsToLowerCase(props.lineSegments5);
     var highlightedRange = props.highlightedRange;
     var adjustToWidth = (_13 = props.adjustToWidth) !== null && _13 !== void 0 ? _13 : false;
     var initialSpacing = (_14 = props.initialSpacing) !== null && _14 !== void 0 ? _14 : LineDefaults.initialSpacing;
@@ -551,7 +551,7 @@ export var useLineChart = function (props) {
             heightUptoXaxis +
             ' ');
     };
-    var getNextPoint = function (data, index, around, before, spacingArray) {
+    var getNextPoint = function (data, index, around, before, spacingArray, isSecondary) {
         var isLast = index === data.length - 1;
         return isLast && !(around || before)
             ? ' '
@@ -559,10 +559,12 @@ export var useLineChart = function (props) {
                 (getX(spacingArray, index) +
                     (around ? (isLast ? 0 : spacing / 2) : before ? 0 : spacing)) +
                 ' ' +
-                getY(data[index].value) +
+                (isSecondary
+                    ? getSecondaryY(data[index].value)
+                    : getY(data[index].value)) +
                 ' ';
     };
-    var getStepPath = function (data, i, spacingArray, lineSegment) {
+    var getStepPath = function (data, i, spacingArray, lineSegment, isSecondary) {
         var around = edgePosition === EdgePosition.AROUND_DATA_POINT;
         var before = edgePosition === EdgePosition.BEFORE_DATA_POINT;
         var isSegment = lineSegment === null || lineSegment === void 0 ? void 0 : lineSegment.find(function (segment) { return segment.startIndex === i; });
@@ -570,11 +572,11 @@ export var useLineChart = function (props) {
             (getX(spacingArray, i) -
                 (around && i > 0 ? spacing / 2 : before && i > 0 ? spacing : 0)) +
             ' ' +
-            getY(data[i].value) +
+            (isSecondary ? getSecondaryY(data[i].value) : getY(data[i].value)) + // handle isSecondary for dataSet
             (isSegment
                 ? getSegmentString(lineSegment, i, SEGMENT_START, SEGMENT_END, true)
                 : '') +
-            getNextPoint(data, i, around, before, spacingArray));
+            getNextPoint(data, i, around, before, spacingArray, isSecondary));
     };
     var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, spacingArray, isSecondary) {
         var path = 'L' +
@@ -639,7 +641,7 @@ export var useLineChart = function (props) {
                         if (i >= ((_k = set.startIndex) !== null && _k !== void 0 ? _k : 0) &&
                             i <= ((_l = set.endIndex) !== null && _l !== void 0 ? _l : set.data.length - 1)) {
                             if ((_m = set.stepChart) !== null && _m !== void 0 ? _m : stepChart) {
-                                pp += getStepPath(set.data, i, cumulativeSpacingForSet[index], setSegments);
+                                pp += getStepPath(set.data, i, cumulativeSpacingForSet[index], setSegments, set.isSecondary);
                             }
                             else {
                                 pp += getSegmentPath(set.data, i, setSegments, //set.lineSegments,
@@ -1396,7 +1398,8 @@ export var useLineChart = function (props) {
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity,
         xAxisLabelsAtBottom: xAxisLabelsAtBottom,
-        onScrollEndDrag: props.onScrollEndDrag
+        onScrollEndDrag: props.onScrollEndDrag,
+        allowFontScaling: allowFontScaling
     };
     var pointerItemLocal = [];
     if (pointerConfig) {
@@ -1801,7 +1804,8 @@ export var useLineChart = function (props) {
         renderTooltip4: renderTooltip4,
         renderTooltip5: renderTooltip5,
         renderTooltipSecondary: renderTooltipSecondary,
-        pointerItemLocal: pointerItemLocal
+        pointerItemLocal: pointerItemLocal,
+        allowFontScaling: allowFontScaling
         // oldPoints
     };
 };

package/dist/LineChart/types.d.ts

@@ -167,6 +167,8 @@ export interface LineChartPropsType {
     roundToDigits?: number;
     yAxisLabelWidth?: number;
     hideYAxisText?: boolean;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling?: boolean;
     backgroundColor?: ColorValue;
     customBackground?: CustomBackground;
     curved?: boolean;
@@ -595,6 +597,8 @@ export interface LineChartBicolorPropsType {
     parentWidth?: number;
     yAxisExtraHeight?: number;
     trimYAxisAtTop?: boolean;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling?: boolean;
 }
 export interface LineChartPropsTypeForWeb extends LineChartPropsType {
     onContextMenu?: Function;

package/dist/PopulationPyramid/index.js

@@ -60,7 +60,7 @@ export var usePopulationPyramid = function (props) {
         : height;
     var stepHeight = (_s = props.stepHeight) !== null && _s !== void 0 ? _s : containerHeight / noOfSections;
     var xAxisLabelsHeight = 30;
-    var containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight;
+    var containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight + Math.max(0, xAxisLabelShiftY);
     var mid = (width + yAxisLabelWidth) / 2;
     var leftMax = Math.max.apply(Math, __spreadArray([], __read(data.map(function (item) { return item.left; })), false));
     var rightMax = Math.max.apply(Math, __spreadArray([], __read(data.map(function (item) { return item.right; })), false));

package/dist/RadarChart/index.d.ts

@@ -89,4 +89,5 @@ export declare const useRadarChart: (props: RadarChartProps) => {
         r: number;
     };
     animateTogether: boolean;
+    startAngle: number;
 };

package/dist/RadarChart/index.js

@@ -37,7 +37,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { radarChartDefaults } from '../utils/constants';
 export var useRadarChart = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    var _u = props.circular, circular = _u === void 0 ? false : _u, _v = props.gridConfig, gridConfig = _v === void 0 ? {} : _v, _w = props.polygonConfig, polygonConfig = _w === void 0 ? {} : _w, _x = props.data, data = _x === void 0 ? [] : _x, dataSet = props.dataSet, _y = props.noOfSections, noOfSections = _y === void 0 ? radarChartDefaults.noOfSections : _y, _z = props.chartSize, chartSize = _z === void 0 ? radarChartDefaults.chartSize : _z, _0 = props.labelConfig, labelConfig = _0 === void 0 ? {} : _0, labelConfigArray = props.labelConfigArray, _1 = props.asterLinesConfig, asterLinesConfig = _1 === void 0 ? {} : _1, _2 = props.hideGrid, hideGrid = _2 === void 0 ? radarChartDefaults.hideGrid : _2, _3 = props.hideLabels, hideLabels = _3 === void 0 ? radarChartDefaults.hideLabels : _3, _4 = props.hideAsterLines, hideAsterLines = _4 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _4, _5 = props.dataLabelsConfig, dataLabelsConfig = _5 === void 0 ? {} : _5, _6 = props.labelsPositionOffset, labelsPositionOffset = _6 === void 0 ? radarChartDefaults.labelsPositionOffset : _6, _7 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _7 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? radarChartDefaults.isAnimated : _8, _9 = props.animationDuration, animationDuration = _9 === void 0 ? radarChartDefaults.animationDuration : _9, _10 = props.animateTogether, animateTogether = _10 === void 0 ? radarChartDefaults.animateTogether : _10;
+    var _u = props.circular, circular = _u === void 0 ? false : _u, _v = props.gridConfig, gridConfig = _v === void 0 ? {} : _v, _w = props.polygonConfig, polygonConfig = _w === void 0 ? {} : _w, _x = props.data, data = _x === void 0 ? [] : _x, dataSet = props.dataSet, _y = props.noOfSections, noOfSections = _y === void 0 ? radarChartDefaults.noOfSections : _y, _z = props.chartSize, chartSize = _z === void 0 ? radarChartDefaults.chartSize : _z, _0 = props.labelConfig, labelConfig = _0 === void 0 ? {} : _0, labelConfigArray = props.labelConfigArray, _1 = props.asterLinesConfig, asterLinesConfig = _1 === void 0 ? {} : _1, _2 = props.hideGrid, hideGrid = _2 === void 0 ? radarChartDefaults.hideGrid : _2, _3 = props.hideLabels, hideLabels = _3 === void 0 ? radarChartDefaults.hideLabels : _3, _4 = props.hideAsterLines, hideAsterLines = _4 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _4, _5 = props.dataLabelsConfig, dataLabelsConfig = _5 === void 0 ? {} : _5, _6 = props.labelsPositionOffset, labelsPositionOffset = _6 === void 0 ? radarChartDefaults.labelsPositionOffset : _6, _7 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _7 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? radarChartDefaults.isAnimated : _8, _9 = props.animationDuration, animationDuration = _9 === void 0 ? radarChartDefaults.animationDuration : _9, _10 = props.animateTogether, animateTogether = _10 === void 0 ? radarChartDefaults.animateTogether : _10, _11 = props.startAngle, startAngle = _11 === void 0 ? radarChartDefaults.startAngle : _11, _12 = props.isClockWise, isClockWise = _12 === void 0 ? radarChartDefaults.isClockWise : _12;
     var labels = (_e = (_b = props.labels) !== null && _b !== void 0 ? _b : (_d = ((_c = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) !== null && _c !== void 0 ? _c : data)) === null || _d === void 0 ? void 0 : _d.map(function (_, index) { return "Label".concat(index + 1); })) !== null && _e !== void 0 ? _e : [];
     var getMax = function (dataSet) {
         return dataSet.reduce(function (acc, set) {
@@ -58,31 +58,31 @@ export var useRadarChart = function (props) {
     };
     var center = chartSize / 2;
     var radius = center * 0.8;
-    var _11 = gridConfig.stroke, gridStroke = _11 === void 0 ? radarChartDefaults.gridSection.stroke : _11, _12 = gridConfig.strokeWidth, gridStrokeWidth = _12 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _12, _13 = gridConfig.strokeDashArray, gridStrokeDashArray = _13 === void 0 ? radarChartDefaults.gridSection
-        .strokeDashArray : _13, _14 = gridConfig.fill, gridFill = _14 === void 0 ? radarChartDefaults.gridSection.fill : _14, _15 = gridConfig.gradientColor, gridGradientColor = _15 === void 0 ? radarChartDefaults.gridSection
-        .gradientColor : _15, _16 = gridConfig.showGradient, gridShowGradient = _16 === void 0 ? radarChartDefaults.gridSection
-        .showGradient : _16, _17 = gridConfig.opacity, gridOpacity = _17 === void 0 ? radarChartDefaults.gridSection.opacity : _17, _18 = gridConfig.gradientOpacity, gridGradientOpacity = _18 === void 0 ? radarChartDefaults.gridSection
-        .gradientOpacity : _18;
+    var _13 = gridConfig.stroke, gridStroke = _13 === void 0 ? radarChartDefaults.gridSection.stroke : _13, _14 = gridConfig.strokeWidth, gridStrokeWidth = _14 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _14, _15 = gridConfig.strokeDashArray, gridStrokeDashArray = _15 === void 0 ? radarChartDefaults.gridSection
+        .strokeDashArray : _15, _16 = gridConfig.fill, gridFill = _16 === void 0 ? radarChartDefaults.gridSection.fill : _16, _17 = gridConfig.gradientColor, gridGradientColor = _17 === void 0 ? radarChartDefaults.gridSection
+        .gradientColor : _17, _18 = gridConfig.showGradient, gridShowGradient = _18 === void 0 ? radarChartDefaults.gridSection
+        .showGradient : _18, _19 = gridConfig.opacity, gridOpacity = _19 === void 0 ? radarChartDefaults.gridSection.opacity : _19, _20 = gridConfig.gradientOpacity, gridGradientOpacity = _20 === void 0 ? radarChartDefaults.gridSection
+        .gradientOpacity : _20;
     var gridSections = (_j = (_h = gridConfig.gridSections) === null || _h === void 0 ? void 0 : _h.map(function (i) { return (__assign(__assign({}, radarChartDefaults.gridSection), i)); })) !== null && _j !== void 0 ? _j : Array(noOfSections).fill({});
-    var _19 = labelConfig.fontSize, fontSize = _19 === void 0 ? radarChartDefaults.labelConfig.fontSize : _19, _20 = labelConfig.stroke, stroke = _20 === void 0 ? radarChartDefaults.labelConfig.stroke : _20, _21 = labelConfig.textAnchor, textAnchor = _21 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _21, _22 = labelConfig.alignmentBaseline, alignmentBaseline = _22 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _22, _23 = labelConfig.fontWeight, fontWeight = _23 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _23, _24 = labelConfig.fontFamily, fontFamily = _24 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _24;
-    var _25 = dataLabelsConfig.fontSize, dataLabelsFontSize = _25 === void 0 ? fontSize : _25, // defaults to labelConfig (from above)
-    _26 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
-    dataLabelsColor = _26 === void 0 ? stroke : _26, // defaults to labelConfig (from above)
-    _27 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
-    dataLabelsTextAnchor = _27 === void 0 ? textAnchor : _27, // defaults to labelConfig (from above)
-    _28 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
-    dataLabelsAlignmentBaseline = _28 === void 0 ? alignmentBaseline : _28, // defaults to labelConfig (from above)
-    _29 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
-    dataLabelsFontWeight = _29 === void 0 ? fontWeight : _29, // defaults to labelConfig (from above)
-    _30 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
+    var _21 = labelConfig.fontSize, fontSize = _21 === void 0 ? radarChartDefaults.labelConfig.fontSize : _21, _22 = labelConfig.stroke, stroke = _22 === void 0 ? radarChartDefaults.labelConfig.stroke : _22, _23 = labelConfig.textAnchor, textAnchor = _23 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _23, _24 = labelConfig.alignmentBaseline, alignmentBaseline = _24 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _24, _25 = labelConfig.fontWeight, fontWeight = _25 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _25, _26 = labelConfig.fontFamily, fontFamily = _26 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _26;
+    var _27 = dataLabelsConfig.fontSize, dataLabelsFontSize = _27 === void 0 ? fontSize : _27, // defaults to labelConfig (from above)
+    _28 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
+    dataLabelsColor = _28 === void 0 ? stroke : _28, // defaults to labelConfig (from above)
+    _29 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
+    dataLabelsTextAnchor = _29 === void 0 ? textAnchor : _29, // defaults to labelConfig (from above)
+    _30 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
+    dataLabelsAlignmentBaseline = _30 === void 0 ? alignmentBaseline : _30, // defaults to labelConfig (from above)
+    _31 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
+    dataLabelsFontWeight = _31 === void 0 ? fontWeight : _31, // defaults to labelConfig (from above)
+    _32 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
     , // defaults to labelConfig (from above)
-    dataLabelsFontFamily = _30 === void 0 ? fontFamily : _30 // defaults to labelConfig (from above)
+    dataLabelsFontFamily = _32 === void 0 ? fontFamily : _32 // defaults to labelConfig (from above)
     ;
-    var _31 = polygonConfig.stroke, polygonStroke = _31 === void 0 ? radarChartDefaults.polygonConfig.stroke : _31, _32 = polygonConfig.strokeWidth, polygonStrokeWidth = _32 === void 0 ? radarChartDefaults.polygonConfig
-        .strokeWidth : _32, _33 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _33 === void 0 ? radarChartDefaults.polygonConfig
-        .strokeDashArray : _33, _34 = polygonConfig.fill, polygonFill = _34 === void 0 ? radarChartDefaults.polygonConfig.fill : _34, _35 = polygonConfig.gradientColor, polygonGradientColor = _35 === void 0 ? radarChartDefaults.polygonConfig
-        .gradientColor : _35, _36 = polygonConfig.showGradient, polygonShowGradient = _36 === void 0 ? radarChartDefaults.polygonConfig
-        .showGradient : _36, _37 = polygonConfig.opacity, polygonOpacity = _37 === void 0 ? radarChartDefaults.polygonConfig.opacity : _37, _38 = polygonConfig.gradientOpacity, polygonGradientOpacity = _38 === void 0 ? polygonOpacity : _38, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels, _39 = polygonConfig.isAnimated, polygonIsAnimated = _39 === void 0 ? isAnimated : _39, _40 = polygonConfig.animationDuration, polygonAnimationDuration = _40 === void 0 ? animationDuration : _40;
+    var _33 = polygonConfig.stroke, polygonStroke = _33 === void 0 ? radarChartDefaults.polygonConfig.stroke : _33, _34 = polygonConfig.strokeWidth, polygonStrokeWidth = _34 === void 0 ? radarChartDefaults.polygonConfig
+        .strokeWidth : _34, _35 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _35 === void 0 ? radarChartDefaults.polygonConfig
+        .strokeDashArray : _35, _36 = polygonConfig.fill, polygonFill = _36 === void 0 ? radarChartDefaults.polygonConfig.fill : _36, _37 = polygonConfig.gradientColor, polygonGradientColor = _37 === void 0 ? radarChartDefaults.polygonConfig
+        .gradientColor : _37, _38 = polygonConfig.showGradient, polygonShowGradient = _38 === void 0 ? radarChartDefaults.polygonConfig
+        .showGradient : _38, _39 = polygonConfig.opacity, polygonOpacity = _39 === void 0 ? radarChartDefaults.polygonConfig.opacity : _39, _40 = polygonConfig.gradientOpacity, polygonGradientOpacity = _40 === void 0 ? polygonOpacity : _40, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels, _41 = polygonConfig.isAnimated, polygonIsAnimated = _41 === void 0 ? isAnimated : _41, _42 = polygonConfig.animationDuration, polygonAnimationDuration = _42 === void 0 ? animationDuration : _42;
     var polygonConfigArray = (_l = (_k = props.polygonConfigArray) === null || _k === void 0 ? void 0 : _k.map(function (set) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return ({
@@ -147,27 +147,27 @@ export var useRadarChart = function (props) {
             });
         });
     })) !== null && _r !== void 0 ? _r : (dataSet ? Array(dataSet.length).fill(dataLabelsConfigArray) : null);
-    var _41 = asterLinesConfig.stroke, asterLinesStroke = _41 === void 0 ? gridStroke : _41, _42 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _42 === void 0 ? gridStrokeWidth : _42, _43 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _43 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _43;
+    var _43 = asterLinesConfig.stroke, asterLinesStroke = _43 === void 0 ? gridStroke : _43, _44 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _44 === void 0 ? gridStrokeWidth : _44, _45 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _45 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _45;
     // Calculate angles for each category
-    var angleStep = 360 / labels.length;
+    var angleStep = (360 / labels.length) * (isClockWise ? -1 : 1);
     // Generate coordinates for the data points
     var points = data.map(function (value, index) {
-        var angle = index * angleStep;
+        var angle = index * angleStep + startAngle;
         return polarToCartesian(angle, value);
     });
     var initialPoints = data.map(function (value, index) {
-        var angle = index * angleStep;
+        var angle = index * angleStep + startAngle;
         return polarToCartesian(angle, 0);
     });
     var pointsArray = (_s = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
         return set.map(function (value, index) {
-            var angle = index * angleStep;
+            var angle = index * angleStep + startAngle;
             return polarToCartesian(angle, value);
         });
     })) !== null && _s !== void 0 ? _s : [];
     var initialPointsArray = (_t = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
         return set.map(function (value, index) {
-            var angle = index * angleStep;
+            var angle = index * angleStep + startAngle;
             return polarToCartesian(angle, 0);
         });
     })) !== null && _t !== void 0 ? _t : [];
@@ -193,7 +193,7 @@ export var useRadarChart = function (props) {
         var gridShowGradientLocal = gridItem.showGradient || gridShowGradient;
         var gridStrokeDashArrayLocal = gridItem.strokeDashArray || gridStrokeDashArray;
         var levelPoints = labels.map(function (_, index) {
-            var angle = index * angleStep;
+            var angle = index * angleStep + startAngle;
             return polarToCartesian(angle, (level / noOfSections) * maxValue);
         });
         var levelPolygonPoints = levelPoints
@@ -279,6 +279,7 @@ export var useRadarChart = function (props) {
         hideLabels: hideLabels,
         hideAsterLines: hideAsterLines,
         getGridLevelProps: getGridLevelProps,
-        animateTogether: animateTogether
+        animateTogether: animateTogether,
+        startAngle: startAngle
     };
 };

package/dist/RadarChart/types.d.ts

@@ -36,6 +36,8 @@ export interface RadarChartProps {
     isAnimated?: boolean;
     animationDuration?: number;
     animateTogether?: boolean;
+    startAngle?: number;
+    isClockWise?: boolean;
 }
 export interface StrokeConfig {
     stroke?: string;

package/dist/components/BarAndLineChartsWrapper/index.js

@@ -39,7 +39,7 @@ import { AxesAndRulesDefaults, BarDefaults, chartTypes } from '../../utils/const
 import { computeMaxAndMinItems } from '../../utils';
 export var useBarAndLineChartsWrapper = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
-    var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex, onlyPositive = props.onlyPositive, highlightEnabled = props.highlightEnabled, lowlightOpacity = props.lowlightOpacity, xAxisLabelsAtBottom = props.xAxisLabelsAtBottom;
+    var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex, onlyPositive = props.onlyPositive, highlightEnabled = props.highlightEnabled, lowlightOpacity = props.lowlightOpacity, xAxisLabelsAtBottom = props.xAxisLabelsAtBottom, floatingYAxisLabels = props.floatingYAxisLabels, allowFontScaling = props.allowFontScaling;
     var _20 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepValue = _20.stepValue, secondaryNegativeStepValue = _20.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _20.noOfSectionsBelowXAxis, showSecondaryFractionalValues = _20.showFractionalValues, secondaryRoundToDigits = _20.roundToDigits, secondaryStepHeight = _20.stepHeight, secondaryNegativeStepHeight = _20.negativeStepHeight;
     var primaryYAxisHeightBelowOrigin = noOfSectionsBelowXAxis * negativeStepHeight;
     var secondaryYAxisHeightBelowOrigin = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
@@ -182,7 +182,9 @@ export var useBarAndLineChartsWrapper = function (props) {
         secondaryStepHeight: secondaryStepHeight,
         secondaryNegativeStepHeight: secondaryNegativeStepHeight,
         customBackground: props.customBackground,
-        onlyPositive: onlyPositive
+        onlyPositive: onlyPositive,
+        floatingYAxisLabels: floatingYAxisLabels,
+        allowFontScaling: allowFontScaling
     };
     var lineInBarChartProps = {
         yAxisLabelWidth: yAxisLabelWidth,
@@ -191,7 +193,9 @@ export var useBarAndLineChartsWrapper = function (props) {
         containerHeight: containerHeight,
         containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
         lineConfig: lineConfig,
-        maxValue: (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _15 !== void 0 ? _15 : maxValue,
+        maxValue: (lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.isSecondary)
+            ? (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _15 !== void 0 ? _15 : maxValue
+            : maxValue,
         animatedWidth: animatedWidth,
         lineBehindBars: lineBehindBars,
         points: points,

package/dist/utils/constants.d.ts

@@ -75,6 +75,7 @@ export declare const AxesAndRulesDefaults: {
     showFractionalValues: boolean;
     roundToDigits: number;
     referenceLinesOverChartContent: boolean;
+    allowFontScaling: boolean;
 };
 export declare const defaultArrowConfig: {
     length: number;
@@ -312,4 +313,6 @@ export declare const radarChartDefaults: {
     isAnimated: boolean;
     animationDuration: number;
     animateTogether: boolean;
+    startAngle: number;
+    isClockWise: boolean;
 };

package/dist/utils/constants.js

@@ -84,7 +84,8 @@ export var AxesAndRulesDefaults = {
     yAxisEmptyLabelWidth: 10,
     showFractionalValues: false,
     roundToDigits: 1,
-    referenceLinesOverChartContent: true
+    referenceLinesOverChartContent: true,
+    allowFontScaling: true
 };
 export var defaultArrowConfig = {
     length: 10,
@@ -364,5 +365,7 @@ export var radarChartDefaults = {
     asterLineStrokeDashArray: [4, 4],
     isAnimated: false,
     animationDuration: 800,
-    animateTogether: false
+    animateTogether: false,
+    startAngle: 0,
+    isClockWise: false
 };

package/dist/utils/index.d.ts

@@ -104,6 +104,7 @@ export declare const getBarWidth: (isFocused?: boolean, focusedBarConfig?: Focus
 export declare const getInterpolatedData: (dataParam: lineDataItem[], showDataPointsForMissingValues?: boolean, interpolateMissingValues?: boolean, onlyPositive?: boolean) => lineDataItemNullSafe[];
 export declare const getLineSegmentsDueToNoExtrapolation: (data?: lineDataItem[]) => LineSegment[] | undefined;
 export declare const getLineSegmentsForMissingValues: (data?: lineDataItem[]) => LineSegment[] | undefined;
+export declare const colorsToLowerCase: (lineSegments?: LineSegment[]) => LineSegment[] | undefined;
 export declare const getTextSizeForPieLabels: (textSize: number, radius: number) => number;
 export declare const adjustToOffset: (data: lineDataItemNullSafe[], yAxisOffset?: number) => lineDataItemNullSafe[];
 export declare const getSanitisedData: (data: lineDataItem[] | undefined, dataSanitisationProps: IDataSanitisationProps) => lineDataItemNullSafe[];

package/dist/utils/index.js

@@ -1037,6 +1037,14 @@ export var getLineSegmentsForMissingValues = function (data) {
     }
     return segments;
 };
+export var colorsToLowerCase = function (lineSegments) {
+    return lineSegments === null || lineSegments === void 0 ? void 0 : lineSegments.map(function (segment) {
+        if (segment.color && segment.color.toString().startsWith('#')) {
+            segment.color = segment.color.toString().toLowerCase();
+        }
+        return segment;
+    });
+};
 export var getTextSizeForPieLabels = function (textSize, radius) { return (textSize ? Math.min(textSize, radius / 5) : 16); };
 export var adjustToOffset = function (data, yAxisOffset) {
     return data.map(function (item) { return (__assign(__assign({}, item), { value: item.value - (yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0) })); });

package/dist/utils/types.d.ts

@@ -249,6 +249,7 @@ export interface horizSectionPropTypes {
     secondaryYAxis: secondaryYAxisType | null;
     formatYLabel?: (label: string) => string;
     onlyReferenceLines?: boolean;
+    onlyLabels?: boolean;
     renderReferenceLines?: boolean;
     secondaryXAxis?: XAxisConfig;
     secondaryMaxItem: number;
@@ -262,6 +263,8 @@ export interface horizSectionPropTypes {
     secondaryNegativeStepHeight: number;
     customBackground?: CustomBackground;
     onlyPositive?: boolean;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling: boolean;
 }
 interface HorizSectionObject {
     value: string;
@@ -276,6 +279,8 @@ export interface BarAndLineChartsWrapperTypes {
     negativeStepHeight: number;
     labelsExtraHeight: number;
     yAxisLabelWidth: number;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling: boolean;
     horizontal: boolean;
     rtl: boolean;
     shiftX: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [