gifted-charts-core 0.1.74 → 0.1.76

package/dist/BubbleChart/index.d.ts

@@ -9,7 +9,7 @@ export declare const useBubbleChart: (props: extendedBubbleChartPropsType) => {
     containerHeightIncludingBelowXAxis: number;
     getY: (value: number) => number;
     barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
-    getX: (spacingArray: number[], index: number) => number;
+    getX: (index: number) => number;
     maxValue: number;
     selectedIndex: number;
     setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
@@ -24,20 +24,19 @@ export declare const useBubbleChart: (props: extendedBubbleChartPropsType) => {
     handleFocus: (index: number) => void;
     handleUnFocus: () => void;
     isAnimated: boolean;
-    showDataPointOnFocus: boolean;
-    showDataPointLabelOnFocus: boolean;
-    dataPointsShape: string;
-    dataPointsWidth: number;
-    dataPointsHeight: number;
-    dataPointsColor: string;
-    dataPointsRadius: number;
-    textColor: string;
-    textFontSize: number;
+    showBubbleOnFocus: boolean;
+    showBubbleLabelOnFocus: boolean;
+    bubblesShape: string;
+    bubblesWidth: number;
+    bubblesHeight: number;
+    bubblesColor: string;
+    bubblesRadius: number;
+    labelFontSize: number;
+    labelTextStyle: Object | undefined;
     startIndex: number;
     endIndex: number;
-    showValuesAsDataPointsText: boolean;
-    cumulativeSpacing: number[];
-    hideDataPoints: boolean;
+    showValuesAsBubbleLabels: boolean;
+    hideBubbles: boolean;
     xAxisLabelsVerticalShift: number;
     labelsExtraHeight: number;
     xAxisThickness: number;
@@ -47,4 +46,19 @@ export declare const useBubbleChart: (props: extendedBubbleChartPropsType) => {
     borderWidth: number;
     borderColor: import("react-native").ColorValue;
     opacity: number;
+    xAxisLabelTexts: string[];
+    showRegressionLine: boolean;
+    regressionLineConfig: {
+        thickness: number;
+        color: import("react-native").ColorValue;
+        opacity: number;
+        strokeDashArray: number[] | undefined;
+        isAnimated: boolean;
+        animationDuration: number;
+    };
+    regressionLineX1: number;
+    regressionLineY1: number;
+    regressionLineX2: number;
+    regressionLineY2: number;
+    scatterChart: boolean;
 };

package/dist/BubbleChart/index.js

@@ -23,118 +23,192 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 import { useState } from 'react';
-import { computeMaxAndMinItems, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getMaxValue, getNoOfSections, indexOfFirstNonZeroDigit } from '../utils';
+import { computeMaxAndMinXForBubble, computeMaxAndMinYForBubble, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getMaxValue, getNoOfSections, indexOfFirstNonZeroDigit
+// weightedRegression
+ } from '../utils';
 import { AxesAndRulesDefaults, BubbleDefaults, chartTypes, LineDefaults } from '../utils/constants';
 export var useBubbleChart = 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;
-    var _37 = props.data, data = _37 === void 0 ? [] : _37;
-    var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
-    var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : (((_b = props.stepHeight) !== null && _b !== void 0 ? _b : 0) * noOfSections ||
+    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;
+    var _55 = props.data, data = _55 === void 0 ? [] : _55, formatXLabel = props.formatXLabel;
+    var yNoOfSections = getNoOfSections(props.yNoOfSections, props.maxY, props.yStepValue);
+    var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : (((_b = props.yStepHeight) !== null && _b !== void 0 ? _b : 0) * yNoOfSections ||
         AxesAndRulesDefaults.containerHeight);
-    var valuesRange = Math.max.apply(Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
+    var yRange = Math.max.apply(Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.y, 0); })), false)) - // find the largest +ve number
      Math.min.apply(// find the largest +ve number
-    Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
-    var showFractionalValues = (_c = props.showFractionalValues) !== null && _c !== void 0 ? _c : (isFinite(valuesRange) && valuesRange <= 1);
-    var roundToDigits = (_d = props.roundToDigits) !== null && _d !== void 0 ? _d : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
-    var _38 = computeMaxAndMinItems(data, false, // extrapolateMissingValues
-    roundToDigits, showFractionalValues, data), maxItem = _38.maxItem, minItem = _38.minItem;
-    var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
-    var mostNegativeValue = (_e = props.mostNegativeValue) !== null && _e !== void 0 ? _e : minItem;
-    var onlyPositive = (_f = props.onlyPositive) !== null && _f !== void 0 ? _f : mostNegativeValue >= 0;
+    Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.y, 0); })), false)); // find the smallest +ve number
+    var showFractionalYAxis = (_c = props.showFractionalYAxis) !== null && _c !== void 0 ? _c : (isFinite(yRange) && yRange <= 1);
+    var roundToDigits = (_d = props.yRoundToDigits) !== null && _d !== void 0 ? _d : (showFractionalYAxis ? indexOfFirstNonZeroDigit(yRange) + 1 : 0);
+    var bubblesRadius = (_e = props.bubblesRadius) !== null && _e !== void 0 ? _e : BubbleDefaults.bubblesRadius;
+    var _56 = computeMaxAndMinYForBubble(data, false, // extrapolateMissingValues
+    roundToDigits, showFractionalYAxis, data), yMaxItem = _56.maxItem, yMinItem = _56.minItem;
+    // Find the maximum radius across all bubbles to account for bubble size in chart bounds
+    var maxBubbleRadius = props.hideBubbles
+        ? 0
+        : data.length > 0
+            ? Math.max.apply(Math, __spreadArray([bubblesRadius], __read(data.map(function (item) { var _a; return (_a = item.r) !== null && _a !== void 0 ? _a : bubblesRadius; })), false)) : bubblesRadius;
+    var maxYInitial = getMaxValue(props.maxY, props.yStepValue, yNoOfSections, yMaxItem) || 10;
+    var mostNegativeYInitial = (_f = props.mostNegativeY) !== null && _f !== void 0 ? _f : yMinItem;
+    var onlyPositive = (_g = props.onlyPositive) !== null && _g !== void 0 ? _g : mostNegativeYInitial >= 0;
     var horizSections = [{ value: '0' }];
-    var stepHeight = (_g = props.stepHeight) !== null && _g !== void 0 ? _g : containerHeight / noOfSections;
-    var stepValue = (_h = props.stepValue) !== null && _h !== void 0 ? _h : maxValue / noOfSections;
-    var noOfSectionsBelowXAxis = (_j = props.noOfSectionsBelowXAxis) !== null && _j !== void 0 ? _j : Math.round(Math.ceil(-mostNegativeValue / stepValue));
-    var labelsExtraHeight = (_k = props.labelsExtraHeight) !== null && _k !== void 0 ? _k : 0;
-    var yAxisLabelWidth = (_l = props.yAxisLabelWidth) !== null && _l !== void 0 ? _l : (props.hideYAxisText
+    var yStepHeight = (_h = props.yStepHeight) !== null && _h !== void 0 ? _h : containerHeight / yNoOfSections;
+    // Adjust maxY to account for bubble radius at the top of the chart
+    // Convert max bubble radius from screen pixels to Y value space
+    var maxYRadiusPadding = containerHeight > 0 ? (maxBubbleRadius * maxYInitial) / containerHeight : 0;
+    var maxY = (_j = props.maxY) !== null && _j !== void 0 ? _j : maxYInitial + maxYRadiusPadding;
+    var yStepValue = (_k = props.yStepValue) !== null && _k !== void 0 ? _k : maxY / yNoOfSections;
+    var yNegativeStepValue = (_l = props.yNegativeStepValue) !== null && _l !== void 0 ? _l : yStepValue;
+    // Adjust mostNegativeY to account for bubble radius at the bottom of the chart
+    // Convert max bubble radius from screen pixels to Y value space for negative values
+    // Use an approximation: assume the negative quadrant height is roughly proportional to the absolute value
+    var mostNegativeYRadiusPadding = containerHeight > 0 && mostNegativeYInitial < 0
+        ? (maxBubbleRadius * Math.abs(mostNegativeYInitial)) / containerHeight
+        : 0;
+    var mostNegativeY = mostNegativeYInitial < 0
+        ? mostNegativeYInitial - mostNegativeYRadiusPadding
+        : mostNegativeYInitial;
+    var xRange = Math.max.apply(Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.x, 0); })), false)) - // find the largest +ve number
+     Math.min.apply(// find the largest +ve number
+    Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.x, 0); })), false)); // find the smallest +ve number
+    var showFractionalXAxis = (_m = props.showFractionalXAxis) !== null && _m !== void 0 ? _m : (isFinite(xRange) && xRange <= 1);
+    var xRoundToDigits = (_o = props.xRoundToDigits) !== null && _o !== void 0 ? _o : (showFractionalXAxis ? indexOfFirstNonZeroDigit(xRange) + 1 : 0);
+    var _57 = computeMaxAndMinXForBubble(data, false, // extrapolateMissingValues
+    xRoundToDigits, showFractionalXAxis, data), xMaxItem = _57.maxItem, xMinItem = _57.minItem;
+    var xNoOfSections = getNoOfSections(props.xNoOfSections, props.maxX, props.xStepValue, true);
+    var maxXInitial = getMaxValue(props.maxX, props.xStepValue, xNoOfSections, xMaxItem) || 10;
+    var minXInitial = xMinItem;
+    // Adjust minX and maxX to account for bubble radius on left and right sides
+    // Convert max bubble radius from screen pixels to X value space
+    // We'll need spacing and totalWidth for accurate conversion, but we can use an approximation first
+    // For now, we'll adjust after we have spacing calculated
+    var xRangeInitial = maxXInitial - minXInitial;
+    // const xStepHeight = props.xStepHeight ?? containerHeight / yNoOfSections
+    // Calculate xStepValue based on the range instead of just maxX
+    var xStepValue = (_p = props.xStepValue) !== null && _p !== void 0 ? _p : (xRangeInitial > 0
+        ? xRangeInitial / xNoOfSections
+        : maxXInitial / xNoOfSections);
+    var initialSpacing = (_q = props.initialSpacing) !== null && _q !== void 0 ? _q : BubbleDefaults.initialSpacing;
+    var endSpacing = (_r = props.endSpacing) !== null && _r !== void 0 ? _r : BubbleDefaults.endSpacing;
+    // Calculate initial spacing estimate for radius conversion
+    // We'll refine this after adjusting minX/maxX
+    var estimatedSpacing = (_s = props.spacing) !== null && _s !== void 0 ? _s : (props.width
+        ? (props.width - initialSpacing - endSpacing) / xNoOfSections
+        : BubbleDefaults.spacing);
+    // Adjust minX and maxX to account for bubble radius on left and right sides
+    // Convert max bubble radius from screen pixels to X value space
+    var estimatedXRange = maxXInitial - minXInitial;
+    // Calculate scale: pixels per unit in data space
+    // estimatedSpacing is pixels per section, so scale = (pixels/section) / (dataUnits/section)
+    var estimatedXScale = estimatedXRange > 0 && estimatedSpacing > 0
+        ? (estimatedSpacing * xNoOfSections) / estimatedXRange
+        : 1;
+    var maxXRadiusPadding = estimatedXScale > 0 ? maxBubbleRadius / estimatedXScale : 0;
+    var minXRadiusPadding = estimatedXScale > 0 ? maxBubbleRadius / estimatedXScale : 0;
+    var minX = minXInitial - minXRadiusPadding;
+    var maxX = (_t = props.maxX) !== null && _t !== void 0 ? _t : maxXInitial + maxXRadiusPadding;
+    var xRangeAdjusted = maxX - minX;
+    // Recalculate xStepValue based on adjusted range
+    var xStepValueAdjusted = (_u = props.xStepValue) !== null && _u !== void 0 ? _u : (xRangeAdjusted > 0 ? xRangeAdjusted / xNoOfSections : xStepValue);
+    var xAxisLabelTexts = (_v = props.xAxisLabelTexts) !== null && _v !== void 0 ? _v : Array.from({ length: xNoOfSections + 1 }, function (_, i) {
+        if (i === 0 && initialSpacing === 0)
+            return '';
+        var labelText = (minX + xStepValueAdjusted * i)
+            .toFixed(xRoundToDigits)
+            .toString();
+        if (formatXLabel) {
+            return formatXLabel(labelText);
+        }
+        return labelText;
+    });
+    var noOfSectionsBelowXAxis = (_w = props.noOfSectionsBelowXAxis) !== null && _w !== void 0 ? _w : Math.round(Math.ceil(-mostNegativeY / yNegativeStepValue));
+    var labelsExtraHeight = (_x = props.labelsExtraHeight) !== null && _x !== void 0 ? _x : 0;
+    var yAxisLabelWidth = (_y = props.yAxisLabelWidth) !== null && _y !== void 0 ? _y : (props.hideYAxisText
         ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
         : AxesAndRulesDefaults.yAxisLabelWidth);
     var horizontal = false;
     var yAxisAtTop = false;
-    var initialSpacing = (_m = props.initialSpacing) !== null && _m !== void 0 ? _m : LineDefaults.initialSpacing;
-    var xAxisThickness = (_o = props.xAxisThickness) !== null && _o !== void 0 ? _o : AxesAndRulesDefaults.xAxisThickness;
-    var spacing = (_p = props.spacing) !== null && _p !== void 0 ? _p : LineDefaults.spacing;
-    var cumulativeSpacing = [];
-    var spacingSum = 0;
-    var space = (_q = props.spacing) !== null && _q !== void 0 ? _q : spacing;
-    data.forEach(function (item) {
-        var _a;
-        spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
-        cumulativeSpacing.push(spacingSum);
-    });
-    var totalWidth = initialSpacing +
-        spacing * (data.length - 1) +
-        ((_r = props.endSpacing) !== null && _r !== void 0 ? _r : LineDefaults.endSpacing);
-    var endSpacing = (_s = props.endSpacing) !== null && _s !== void 0 ? _s : LineDefaults.endSpacing;
-    var disableScroll = (_t = props.disableScroll) !== null && _t !== void 0 ? _t : false;
-    var showScrollIndicator = (_u = props.showScrollIndicator) !== null && _u !== void 0 ? _u : false;
-    var scrollToEnd = (_v = props.scrollToEnd) !== null && _v !== void 0 ? _v : false;
-    var scrollAnimation = (_w = props.scrollAnimation) !== null && _w !== void 0 ? _w : false;
-    var scrollEventThrottle = (_x = props.scrollEventThrottle) !== null && _x !== void 0 ? _x : 16;
-    var focusEnabled = (_y = props.focusEnabled) !== null && _y !== void 0 ? _y : LineDefaults.focusEnabled;
-    var showDataPointOnFocus = (_z = props.showDataPointOnFocus) !== null && _z !== void 0 ? _z : LineDefaults.showDataPointOnFocus;
-    var _39 = __read(useState((_0 = props.focusedDataPointIndex) !== null && _0 !== void 0 ? _0 : -1), 2), selectedIndex = _39[0], setSelectedIndex = _39[1];
-    var _40 = __read(useState(''), 2), points = _40[0], setPoints = _40[1];
-    var _41 = __read(useState(-1), 2), pointerIndex = _41[0], setPointerIndex = _41[1];
-    var _42 = __read(useState(0), 2), pointerX = _42[0], setPointerX = _42[1];
-    var _43 = __read(useState(0), 2), pointerY = _43[0], setPointerY = _43[1];
-    var isAnimated = (_1 = props.isAnimated) !== null && _1 !== void 0 ? _1 : false;
+    var xAxisThickness = (_z = props.xAxisThickness) !== null && _z !== void 0 ? _z : AxesAndRulesDefaults.xAxisThickness;
+    var spacing = (_0 = props.spacing) !== null && _0 !== void 0 ? _0 : (props.width
+        ? (props.width - initialSpacing - endSpacing) /
+            (xAxisLabelTexts.length - 1)
+        : BubbleDefaults.spacing);
+    var totalWidth = initialSpacing + spacing * (xAxisLabelTexts.length - 1) + endSpacing;
+    var disableScroll = (_1 = props.disableScroll) !== null && _1 !== void 0 ? _1 : false;
+    var showScrollIndicator = (_2 = props.showScrollIndicator) !== null && _2 !== void 0 ? _2 : false;
+    var scrollToEnd = (_3 = props.scrollToEnd) !== null && _3 !== void 0 ? _3 : false;
+    var scrollAnimation = (_4 = props.scrollAnimation) !== null && _4 !== void 0 ? _4 : false;
+    var scrollEventThrottle = (_5 = props.scrollEventThrottle) !== null && _5 !== void 0 ? _5 : 16;
+    var focusEnabled = (_6 = props.focusEnabled) !== null && _6 !== void 0 ? _6 : LineDefaults.focusEnabled;
+    var showBubbleOnFocus = (_7 = props.showBubbleOnFocus) !== null && _7 !== void 0 ? _7 : BubbleDefaults.showBubbleOnFocus;
+    var _58 = __read(useState((_8 = props.focusedBubbleIndex) !== null && _8 !== void 0 ? _8 : -1), 2), selectedIndex = _58[0], setSelectedIndex = _58[1];
+    var _59 = __read(useState(''), 2), points = _59[0], setPoints = _59[1];
+    var _60 = __read(useState(-1), 2), pointerIndex = _60[0], setPointerIndex = _60[1];
+    var _61 = __read(useState(0), 2), pointerX = _61[0], setPointerX = _61[1];
+    var _62 = __read(useState(0), 2), pointerY = _62[0], setPointerY = _62[1];
+    var isAnimated = (_9 = props.isAnimated) !== null && _9 !== void 0 ? _9 : false;
     var horizontalRulesStyle = props.horizontalRulesStyle;
-    var yAxisOffset = (_2 = props.yAxisOffset) !== null && _2 !== void 0 ? _2 : 0;
-    var showXAxisIndices = (_3 = props.showXAxisIndices) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.showXAxisIndices;
-    var xAxisIndicesHeight = (_4 = props.xAxisIndicesHeight) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.xAxisIndicesHeight;
-    var xAxisIndicesWidth = (_5 = props.xAxisIndicesWidth) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.xAxisIndicesWidth;
-    var xAxisIndicesColor = (_6 = props.xAxisIndicesColor) !== null && _6 !== void 0 ? _6 : AxesAndRulesDefaults.xAxisIndicesColor;
+    var yAxisOffset = (_10 = props.yAxisOffset) !== null && _10 !== void 0 ? _10 : 0;
+    var showXAxisIndices = (_11 = props.showXAxisIndices) !== null && _11 !== void 0 ? _11 : AxesAndRulesDefaults.showXAxisIndices;
+    var xAxisIndicesHeight = (_12 = props.xAxisIndicesHeight) !== null && _12 !== void 0 ? _12 : AxesAndRulesDefaults.xAxisIndicesHeight;
+    var xAxisIndicesWidth = (_13 = props.xAxisIndicesWidth) !== null && _13 !== void 0 ? _13 : AxesAndRulesDefaults.xAxisIndicesWidth;
+    var xAxisIndicesColor = (_14 = props.xAxisIndicesColor) !== null && _14 !== void 0 ? _14 : AxesAndRulesDefaults.xAxisIndicesColor;
     //   const pointerConfig = props.pointerConfig
-    var getPointerProps = (_7 = props.getPointerProps) !== null && _7 !== void 0 ? _7 : null;
-    var dataPointsRadius = (_8 = props.dataPointsRadius) !== null && _8 !== void 0 ? _8 : LineDefaults.dataPointsRadius;
-    var dataPointsWidth = (_9 = props.dataPointsWidth) !== null && _9 !== void 0 ? _9 : LineDefaults.dataPointsWidth;
-    var extraWidthDueToDataPoint = props.hideDataPoints
+    var getPointerProps = (_15 = props.getPointerProps) !== null && _15 !== void 0 ? _15 : null;
+    var bubblesWidth = (_16 = props.bubblesWidth) !== null && _16 !== void 0 ? _16 : BubbleDefaults.bubblesWidth;
+    var extraWidthDueToBubble = props.hideBubbles
         ? 0
-        : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
-    var xAxisLabelsAtBottom = (_10 = props.xAxisLabelsAtBottom) !== null && _10 !== void 0 ? _10 : false;
-    var allowFontScaling = (_11 = props.allowFontScaling) !== null && _11 !== void 0 ? _11 : AxesAndRulesDefaults.allowFontScaling;
-    var animationDuration = (_12 = props.animationDuration) !== null && _12 !== void 0 ? _12 : LineDefaults.animationDuration;
-    var negativeStepValue = (_13 = props.negativeStepValue) !== null && _13 !== void 0 ? _13 : stepValue;
-    var secondaryMaxValue = maxValue;
-    var secondaryMinItem = maxValue * -1;
+        : bubblesRadius !== null && bubblesRadius !== void 0 ? bubblesRadius : bubblesWidth;
+    var xAxisLabelsAtBottom = (_17 = props.xAxisLabelsAtBottom) !== null && _17 !== void 0 ? _17 : false;
+    var allowFontScaling = (_18 = props.allowFontScaling) !== null && _18 !== void 0 ? _18 : AxesAndRulesDefaults.allowFontScaling;
+    var animationDuration = (_19 = props.animationDuration) !== null && _19 !== void 0 ? _19 : LineDefaults.animationDuration;
+    var secondaryMaxValue = maxY;
+    var secondaryMinItem = maxY * -1;
     var showSecondaryFractionalValues = false;
     var secondaryRoundToDigits = 1;
-    var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
-    var fourthQuadrantHeight = noOfSectionsBelowXAxis * stepHeight;
+    var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, yStepHeight, yStepValue, yNoOfSections, roundToDigits, yNegativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
+    var fourthQuadrantHeight = noOfSectionsBelowXAxis * yStepHeight;
     var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, 0);
     var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
-    var mostNegativeValueOnYAxis = negativeStepValue * noOfSectionsBelowXAxis;
-    var containsNegativeValue = ((_14 = props.mostNegativeValue) !== null && _14 !== void 0 ? _14 : 0) < 0 ||
-        ((_15 = props.data) === null || _15 === void 0 ? void 0 : _15.some(function (item) { var _a; return ((_a = item.y) !== null && _a !== void 0 ? _a : 0) < 0; }));
-    var getX = function (spacingArray, index) {
-        var _a, _b;
-        return (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a[index].x) !== null && _b !== void 0 ? _b : initialSpacing + (index ? spacingArray[index - 1] : 0);
+    var mostNegativeValueOnYAxis = yNegativeStepValue * noOfSectionsBelowXAxis;
+    var containsNegativeValue = ((_20 = props.mostNegativeY) !== null && _20 !== void 0 ? _20 : 0) < 0 ||
+        ((_21 = props.data) === null || _21 === void 0 ? void 0 : _21.some(function (item) { var _a; return ((_a = item.y) !== null && _a !== void 0 ? _a : 0) < 0; }));
+    // Use adjusted xStepValue for scale calculation
+    var xScale = spacing / xStepValueAdjusted;
+    var getX = function (index) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var val = ((_a = props.data) === null || _a === void 0 ? void 0 : _a[index].x) !== undefined
+            ? (((_c = (_b = props.data) === null || _b === void 0 ? void 0 : _b[index].x) !== null && _c !== void 0 ? _c : 0) - minX) * xScale // redundant ?? just to avoid lint highlighting
+            : Math.min(totalWidth -
+                ((_e = (_d = props.data) === null || _d === void 0 ? void 0 : _d[index].r) !== null && _e !== void 0 ? _e : BubbleDefaults.bubblesRadius), ((index + 1) * totalWidth) / ((_g = (_f = props.data) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 1));
+        return val + initialSpacing;
     };
     var getY = function (value) {
-        if (containsNegativeValue && value < 0 && stepValue !== negativeStepValue) {
+        if (containsNegativeValue &&
+            value < 0 &&
+            yStepValue !== yNegativeStepValue) {
             return (extendedContainerHeight +
                 (value * fourthQuadrantHeight) / mostNegativeValueOnYAxis);
         }
-        return extendedContainerHeight - (value * containerHeight) / maxValue;
+        return extendedContainerHeight - (value * containerHeight) / maxY;
     };
-    var showTextOnFocus = (_16 = props.showTextOnFocus) !== null && _16 !== void 0 ? _16 : LineDefaults.showTextOnFocus;
-    var showDataPointLabelOnFocus = (_17 = props.showDataPointLabelOnFocus) !== null && _17 !== void 0 ? _17 : LineDefaults.showDataPointLabelOnFocus;
-    var focusTogether = (_18 = props.focusTogether) !== null && _18 !== void 0 ? _18 : true;
-    var _44 = __read(useState(-1), 2), selectedLineNumber = _44[0], setSelectedLineNumber = _44[1];
+    var showTextOnFocus = (_22 = props.showTextOnFocus) !== null && _22 !== void 0 ? _22 : LineDefaults.showTextOnFocus;
+    var showBubbleLabelOnFocus = (_23 = props.showBubbleLabelOnFocus) !== null && _23 !== void 0 ? _23 : BubbleDefaults.showBubbleLabelOnFocus;
+    var focusTogether = (_24 = props.focusTogether) !== null && _24 !== void 0 ? _24 : true;
+    var _63 = __read(useState(-1), 2), selectedLineNumber = _63[0], setSelectedLineNumber = _63[1];
     var lastLineNumber = 1;
-    // if (props.secondaryData) {
-    //   lastLineNumber = 6667 // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
-    // }
-    // if (props.data2) lastLineNumber = 2
-    // if (props.data3) lastLineNumber = 3
-    // if (props.data4) lastLineNumber = 4
-    // if (props.data5) lastLineNumber = 5
-    // if ((props.dataSet?.length ?? 0) > lastLineNumber)
-    //   lastLineNumber = props.dataSet?.length ?? 0
-    var unFocusOnPressOut = (_19 = props.unFocusOnPressOut) !== null && _19 !== void 0 ? _19 : LineDefaults.unFocusOnPressOut;
-    var delayBeforeUnFocus = (_20 = props.delayBeforeUnFocus) !== null && _20 !== void 0 ? _20 : LineDefaults.delayBeforeUnFocus;
+    var unFocusOnPressOut = (_25 = props.unFocusOnPressOut) !== null && _25 !== void 0 ? _25 : LineDefaults.unFocusOnPressOut;
+    var delayBeforeUnFocus = (_26 = props.delayBeforeUnFocus) !== null && _26 !== void 0 ? _26 : LineDefaults.delayBeforeUnFocus;
     var handleFocus = function (index) {
         setSelectedIndex(index);
     };
@@ -143,29 +217,94 @@ export var useBubbleChart = function (props) {
             setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
         }
     };
-    var hideDataPoints = (_21 = props.hideDataPoints) !== null && _21 !== void 0 ? _21 : false;
-    var dataPointsShape = (_22 = props.dataPointsShape) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsShape;
-    var dataPointsHeight = (_23 = props.dataPointsHeight) !== null && _23 !== void 0 ? _23 : LineDefaults.dataPointsHeight;
-    var dataPointsColor = (_24 = props.dataPointsColor) !== null && _24 !== void 0 ? _24 : BubbleDefaults.dataPointsColor;
-    var textFontSize = (_25 = props.textFontSize) !== null && _25 !== void 0 ? _25 : LineDefaults.textFontSize;
-    var textColor = (_26 = props.textColor) !== null && _26 !== void 0 ? _26 : LineDefaults.textColor;
+    var hideBubbles = (_27 = props.hideBubbles) !== null && _27 !== void 0 ? _27 : false;
+    var bubblesShape = (_28 = props.bubblesShape) !== null && _28 !== void 0 ? _28 : BubbleDefaults.bubblesShape;
+    var bubblesHeight = (_29 = props.bubblesHeight) !== null && _29 !== void 0 ? _29 : BubbleDefaults.bubblesHeight;
+    var bubblesColor = (_30 = props.bubblesColor) !== null && _30 !== void 0 ? _30 : BubbleDefaults.bubblesColor;
     var startIndex = 0;
-    var endIndex = (_28 = (_27 = props.data) === null || _27 === void 0 ? void 0 : _27.length) !== null && _28 !== void 0 ? _28 : 0;
-    var showValuesAsDataPointsText = (_29 = props.showValuesAsDataPointsText) !== null && _29 !== void 0 ? _29 : LineDefaults.showValuesAsDataPointsText;
-    var xAxisLabelsVerticalShift = (_30 = props.xAxisLabelsVerticalShift) !== null && _30 !== void 0 ? _30 : (xAxisLabelsAtBottom
+    var endIndex = (_32 = (_31 = props.data) === null || _31 === void 0 ? void 0 : _31.length) !== null && _32 !== void 0 ? _32 : 0;
+    var labelFontSize = (_33 = props.labelFontSize) !== null && _33 !== void 0 ? _33 : BubbleDefaults.labelFontSize;
+    var showValuesAsBubbleLabels = (_34 = props.showValuesAsBubbleLabels) !== null && _34 !== void 0 ? _34 : BubbleDefaults.showValuesAsBubbleLabels;
+    var xAxisLabelsVerticalShift = (_35 = props.xAxisLabelsVerticalShift) !== null && _35 !== void 0 ? _35 : (xAxisLabelsAtBottom
         ? fourthQuadrantHeight
         : AxesAndRulesDefaults.xAxisLabelsVerticalShift);
-    var xAxisTextNumberOfLines = (_31 = props.xAxisTextNumberOfLines) !== null && _31 !== void 0 ? _31 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
-    var rotateLabel = (_32 = props.rotateLabel) !== null && _32 !== void 0 ? _32 : false;
-    var borderWidth = (_33 = props.borderWidth) !== null && _33 !== void 0 ? _33 : BubbleDefaults.borderWidth;
-    var borderColor = (_34 = props.borderColor) !== null && _34 !== void 0 ? _34 : BubbleDefaults.borderColor;
-    var opacity = (_35 = props.opacity) !== null && _35 !== void 0 ? _35 : BubbleDefaults.opacity;
+    var xAxisTextNumberOfLines = (_36 = props.xAxisTextNumberOfLines) !== null && _36 !== void 0 ? _36 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
+    var rotateLabel = (_37 = props.rotateLabel) !== null && _37 !== void 0 ? _37 : false;
+    var borderWidth = (_38 = props.borderWidth) !== null && _38 !== void 0 ? _38 : BubbleDefaults.borderWidth;
+    var borderColor = (_39 = props.borderColor) !== null && _39 !== void 0 ? _39 : BubbleDefaults.borderColor;
+    var opacity = (_40 = props.opacity) !== null && _40 !== void 0 ? _40 : BubbleDefaults.opacity;
+    var showRegressionLine = (_41 = props.showRegressionLine) !== null && _41 !== void 0 ? _41 : false;
+    var weightedRegression = function () {
+        var e_1, _a;
+        if (!data)
+            return { slope: 0, intercept: 0 };
+        var sumW = 0;
+        var sumWX = 0;
+        var sumWY = 0;
+        var sumWXX = 0;
+        var sumWXY = 0;
+        var i = -1;
+        try {
+            for (var data_1 = __values(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
+                var _b = data_1_1.value, y = _b.y, _c = _b.r, r = _c === void 0 ? 1 : _c;
+                ++i;
+                var w = r * r;
+                if (w <= 0)
+                    continue; // ignore zero/negative weights
+                var x = getX(i);
+                sumW += w;
+                sumWX += w * x;
+                sumWY += w * y;
+                sumWXX += w * x * x;
+                sumWXY += w * x * y;
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (data_1_1 && !data_1_1.done && (_a = data_1.return)) _a.call(data_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        var denominator = sumW * sumWXX - sumWX * sumWX;
+        if (denominator === 0) {
+            throw new Error('Regression not defined (degenerate data)');
+        }
+        var slope = (sumW * sumWXY - sumWX * sumWY) / denominator;
+        var intercept = (sumWY - slope * sumWX) / sumW;
+        return { slope: slope, intercept: intercept };
+    };
+    var regressionLineX1 = 0, regressionLineY1 = 0, regressionLineX2 = 0, regressionLineY2 = 0;
+    if (showRegressionLine) {
+        var slope = 0, intercept = 0;
+        var slopeIntercept = weightedRegression();
+        slope = slopeIntercept.slope;
+        intercept = slopeIntercept.intercept;
+        // Calculate Y values in data space first
+        var y1_data = slope * minX + intercept;
+        var y2_data = slope * maxX + intercept;
+        // Convert X coordinates to screen space (matching getX formula)
+        regressionLineX1 = initialSpacing;
+        regressionLineX2 = (maxX - minX) * xScale + initialSpacing;
+        // Convert Y coordinates to screen space using getY function
+        regressionLineY1 = getY(y1_data);
+        regressionLineY2 = getY(y2_data);
+    }
+    var regressionLineConfig = {
+        thickness: (_43 = (_42 = props.regressionLineConfig) === null || _42 === void 0 ? void 0 : _42.thickness) !== null && _43 !== void 0 ? _43 : BubbleDefaults.regressionLineConfig.thickness,
+        color: (_45 = (_44 = props.regressionLineConfig) === null || _44 === void 0 ? void 0 : _44.color) !== null && _45 !== void 0 ? _45 : BubbleDefaults.regressionLineConfig.color,
+        opacity: (_47 = (_46 = props.regressionLineConfig) === null || _46 === void 0 ? void 0 : _46.opacity) !== null && _47 !== void 0 ? _47 : BubbleDefaults.regressionLineConfig.opacity,
+        strokeDashArray: (_48 = props.regressionLineConfig) === null || _48 === void 0 ? void 0 : _48.strokeDashArray,
+        isAnimated: (_50 = (_49 = props.regressionLineConfig) === null || _49 === void 0 ? void 0 : _49.isAnimated) !== null && _50 !== void 0 ? _50 : isAnimated,
+        animationDuration: (_52 = (_51 = props.regressionLineConfig) === null || _51 === void 0 ? void 0 : _51.animationDuration) !== null && _52 !== void 0 ? _52 : animationDuration
+    };
+    var scatterChart = (_53 = props.scatterChart) !== null && _53 !== void 0 ? _53 : BubbleDefaults.scatterChart;
     var barAndLineChartsWrapperProps = {
         chartType: chartTypes.BUBBLE,
         containerHeight: containerHeight,
         noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,
-        stepHeight: stepHeight,
-        negativeStepHeight: stepHeight,
+        stepHeight: yStepHeight,
+        negativeStepHeight: yStepHeight,
         labelsExtraHeight: labelsExtraHeight,
         yAxisLabelWidth: yAxisLabelWidth,
         horizontal: horizontal,
@@ -193,7 +332,7 @@ export var useBubbleChart = function (props) {
         showLine: false,
         lineConfig: null, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
         lineConfig2: null, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
-        maxValue: maxValue,
+        maxValue: maxY,
         lineData: [], // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
         lineData2: [], // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
         lineBehindBars: false,
@@ -205,9 +344,9 @@ export var useBubbleChart = function (props) {
         horizSections: horizSections,
         endSpacing: endSpacing,
         horizontalRulesStyle: horizontalRulesStyle,
-        noOfSections: noOfSections,
-        sectionColors: props.sectionColors,
-        showFractionalValues: showFractionalValues,
+        noOfSections: yNoOfSections,
+        sectionColors: props.ySectionColors,
+        showFractionalValues: showFractionalYAxis,
         axesAndRulesProps: axesAndRulesProps,
         yAxisLabelTexts: props.yAxisLabelTexts,
         yAxisOffset: yAxisOffset,
@@ -223,9 +362,9 @@ export var useBubbleChart = function (props) {
         pointerY: pointerY,
         onEndReached: props.onEndReached,
         onStartReached: props.onStartReached,
-        endReachedOffset: (_36 = props.endReachedOffset) !== null && _36 !== void 0 ? _36 : LineDefaults.endReachedOffset,
+        endReachedOffset: (_54 = props.endReachedOffset) !== null && _54 !== void 0 ? _54 : LineDefaults.endReachedOffset,
         onMomentumScrollEnd: props.onMomentumScrollEnd,
-        extraWidthDueToDataPoint: extraWidthDueToDataPoint,
+        extraWidthDueToDataPoint: extraWidthDueToBubble,
         customBackground: props.customBackground,
         onlyPositive: onlyPositive,
         highlightEnabled: LineDefaults.highlightEnabled,
@@ -233,7 +372,8 @@ export var useBubbleChart = function (props) {
         xAxisLabelsAtBottom: xAxisLabelsAtBottom,
         onScrollEndDrag: props.onScrollEndDrag,
         allowFontScaling: allowFontScaling,
-        showVerticalLines: props.showVerticalLines
+        showVerticalLines: props.showVerticalLines,
+        xAxisLabelTexts: xAxisLabelTexts
     };
     return {
         totalWidth: totalWidth,
@@ -242,7 +382,7 @@ export var useBubbleChart = function (props) {
         getY: getY,
         barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
         getX: getX,
-        maxValue: maxValue,
+        maxValue: maxY,
         selectedIndex: selectedIndex,
         setSelectedIndex: setSelectedIndex,
         showTextOnFocus: showTextOnFocus,
@@ -256,20 +396,19 @@ export var useBubbleChart = function (props) {
         handleFocus: handleFocus,
         handleUnFocus: handleUnFocus,
         isAnimated: isAnimated,
-        showDataPointOnFocus: showDataPointOnFocus,
-        showDataPointLabelOnFocus: showDataPointLabelOnFocus,
-        dataPointsShape: dataPointsShape,
-        dataPointsWidth: dataPointsWidth,
-        dataPointsHeight: dataPointsHeight,
-        dataPointsColor: dataPointsColor,
-        dataPointsRadius: dataPointsRadius,
-        textColor: textColor,
-        textFontSize: textFontSize,
+        showBubbleOnFocus: showBubbleOnFocus,
+        showBubbleLabelOnFocus: showBubbleLabelOnFocus,
+        bubblesShape: bubblesShape,
+        bubblesWidth: bubblesWidth,
+        bubblesHeight: bubblesHeight,
+        bubblesColor: bubblesColor,
+        bubblesRadius: bubblesRadius,
+        labelFontSize: labelFontSize,
+        labelTextStyle: props.labelTextStyle,
         startIndex: startIndex,
         endIndex: endIndex,
-        showValuesAsDataPointsText: showValuesAsDataPointsText,
-        cumulativeSpacing: cumulativeSpacing,
-        hideDataPoints: hideDataPoints,
+        showValuesAsBubbleLabels: showValuesAsBubbleLabels,
+        hideBubbles: hideBubbles,
         xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
         labelsExtraHeight: labelsExtraHeight,
         xAxisThickness: xAxisThickness,
@@ -278,6 +417,14 @@ export var useBubbleChart = function (props) {
         allowFontScaling: allowFontScaling,
         borderWidth: borderWidth,
         borderColor: borderColor,
-        opacity: opacity
+        opacity: opacity,
+        xAxisLabelTexts: xAxisLabelTexts,
+        showRegressionLine: showRegressionLine,
+        regressionLineConfig: regressionLineConfig,
+        regressionLineX1: regressionLineX1,
+        regressionLineY1: regressionLineY1,
+        regressionLineX2: regressionLineX2,
+        regressionLineY2: regressionLineY2,
+        scatterChart: scatterChart
     };
 };

package/dist/BubbleChart/types.d.ts

@@ -1,7 +1,7 @@
-import { ColorValue, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from "react-native";
-import { Linecap } from "react-native-svg";
-import { ColorFromToY, CustomBackground, RuleType, RulesConfig, SpreadData, XAxisConfig, referenceConfigType } from "../utils/types";
-import { yAxisSides } from "../utils/constants";
+import { ColorValue, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { Linecap } from 'react-native-svg';
+import { CustomBackground, RegressionLineConfig, RuleType, RulesConfig, SpreadData, XAxisConfig, referenceConfigType } from '../utils/types';
+import { yAxisSides } from '../utils/constants';
 interface sectionType {
     value: string;
 }
@@ -10,13 +10,22 @@ export interface BubbleChartPropsType {
     height?: number;
     overflowTop?: number;
     overflowBottom?: number;
-    noOfSections?: number;
-    sectionColors?: ColorValue[];
-    maxValue?: number;
-    mostNegativeValue?: number;
-    stepHeight?: number;
-    stepValue?: number;
-    negativeStepValue?: number;
+    yNoOfSections?: number;
+    ySectionColors?: ColorValue[];
+    maxY?: number;
+    mostNegativeY?: number;
+    yStepHeight?: number;
+    yStepValue?: number;
+    yNegativeStepValue?: number;
+    showFractionalYAxis?: boolean;
+    yRoundToDigits?: number;
+    xNoOfSections?: number;
+    maxX?: number;
+    mostNegativeX?: number;
+    xStepHeight?: number;
+    xStepValue?: number;
+    showFractionalXAxis?: boolean;
+    xRoundToDigits?: number;
     spacing?: number;
     initialSpacing?: number;
     endSpacing?: number;
@@ -32,7 +41,7 @@ export interface BubbleChartPropsType {
     onDataChangeAnimationDuration?: number;
     animationEasing?: any;
     animateTogether?: boolean;
-    renderDataPointsAfterAnimationEnds?: boolean;
+    renderBubblesAfterAnimationEnds?: boolean;
     xAxisLength?: number;
     xAxisThickness?: number;
     xAxisColor?: ColorValue;
@@ -43,11 +52,11 @@ export interface BubbleChartPropsType {
     rulesThickness?: number;
     focusEnabled?: boolean;
     onFocus?: Function;
-    showDataPointOnFocus?: boolean;
+    showBubbleOnFocus?: boolean;
     showStripOnFocus?: boolean;
-    stripOverDataPoints?: boolean;
+    stripOverBubbles?: boolean;
     showTextOnFocus?: boolean;
-    showDataPointLabelOnFocus?: boolean;
+    showBubbleLabelOnFocus?: boolean;
     stripHeight?: number;
     stripWidth?: number;
     stripColor?: ColorValue | string | any;
@@ -56,8 +65,8 @@ export interface BubbleChartPropsType {
     onPress?: Function;
     unFocusOnPressOut?: boolean;
     delayBeforeUnFocus?: number;
-    focusedDataPointIndex?: number;
-    showValuesAsDataPointsText?: boolean;
+    focusedBubbleIndex?: number;
+    showValuesAsBubbleLabels?: boolean;
     rulesType?: RuleType;
     dashWidth?: number;
     dashGap?: number;
@@ -99,10 +108,6 @@ export interface BubbleChartPropsType {
     yAxisIndicesColor?: ColorValue;
     yAxisSide?: yAxisSides;
     yAxisOffset?: number;
-    startIndex?: number;
-    endIndex?: number;
-    color?: string;
-    colors?: ColorFromToY[];
     yAxisThickness?: number;
     yAxisColor?: ColorValue;
     yAxisExtraHeight?: number;
@@ -112,8 +117,6 @@ export interface BubbleChartPropsType {
     yAxisTextStyle?: StyleProp<TextStyle>;
     yAxisTextNumberOfLines?: number;
     xAxisTextNumberOfLines?: number;
-    showFractionalValues?: boolean;
-    roundToDigits?: number;
     yAxisLabelWidth?: number;
     hideYAxisText?: boolean;
     floatingYAxisLabels?: boolean;
@@ -123,34 +126,23 @@ export interface BubbleChartPropsType {
     horizSections?: sectionType[];
     focusTogether?: boolean;
     focusProximity?: number;
-    hideDataPoints?: boolean;
-    dataPointsHeight?: number;
-    dataPointsWidth?: number;
-    dataPointsRadius?: number;
-    dataPointsColor?: string;
-    dataPointsShape?: string;
-    customDataPoint?: Function;
-    focusedDataPointShape?: string;
-    focusedDataPointWidth?: number;
-    focusedDataPointHeight?: number;
-    focusedDataPointColor?: ColorValue | string | any;
-    focusedDataPointRadius?: number;
-    focusedCustomDataPoint?: Function;
-    dataPointLabelWidth?: number;
-    dataPointLabelShiftX?: number;
-    dataPointLabelShiftY?: number;
-    startFillColor?: string;
-    endFillColor?: string;
-    startOpacity?: number;
-    endOpacity?: number;
+    hideBubbles?: boolean;
+    bubblesHeight?: number;
+    bubblesWidth?: number;
+    bubblesRadius?: number;
+    bubblesColor?: string;
+    bubblesShape?: string;
+    customBubble?: Function;
+    focusedBubbleShape?: string;
+    focusedBubbleWidth?: number;
+    focusedBubbleHeight?: number;
+    focusedBubbleColor?: ColorValue | string | any;
+    focusedBubbleRadius?: number;
+    focusedCustomBubble?: Function;
     gradientDirection?: string;
     areaGradientComponent?: () => any;
     areaGradientId?: string;
-    textFontSize?: number;
-    textColor?: string;
     hideOrigin?: boolean;
-    textShiftX?: number;
-    textShiftY?: number;
     yAxisLabelTexts?: string[];
     xAxisLabelTexts?: string[];
     xAxisLabelTextStyle?: StyleProp<TextStyle>;
@@ -170,6 +162,8 @@ export interface BubbleChartPropsType {
     adjustToWidth?: boolean;
     getPointerProps?: Function;
     formatYLabel?: (label: string) => string;
+    formatXLabel?: (label: string) => string;
+    formatBubbleLabel?: (label: string) => string;
     lineGradient?: boolean;
     lineGradientComponent?: () => any;
     lineGradientId?: string;
@@ -184,7 +178,7 @@ export interface BubbleChartPropsType {
     bounces?: boolean;
     overScrollMode?: 'auto' | 'always' | 'never';
     onScrollEndDrag?: (event: any, direction: any) => void;
-    showDataPointsForMissingValues?: boolean;
+    showBubblesForMissingValues?: boolean;
     interpolateMissingValues?: boolean;
     extrapolateMissingValues?: boolean;
     onlyPositive?: boolean;
@@ -194,55 +188,61 @@ export interface BubbleChartPropsType {
     secondaryXAxis?: XAxisConfig;
     renderTooltip?: Function;
     renderTooltipSecondary?: Function;
-    dataPointLabelComponent?: Function;
-    focusedDataPointLabelComponent?: Function;
+    labelWidth?: number;
+    labelHeight?: number;
+    labelFontSize?: number;
+    labelShiftX?: number;
+    labelShiftY?: number;
+    labelComponent?: Function;
+    labelTextStyle?: Object;
+    focusedLabelComponent?: Function;
     spreadAreaData?: SpreadData[];
     spreadAreaColor?: ColorValue;
     spreadAreaOpacity?: number;
     borderWidth?: number;
     borderColor?: ColorValue;
+    borderOpacity?: number;
+    showRegressionLine?: boolean;
+    regressionLineConfig?: RegressionLineConfig;
+    scatterChart?: boolean;
 }
 export interface bubbleDataItem {
     y: number;
     label?: string;
+    labelWidth?: number;
+    labelHeight?: number;
+    labelFontSize?: number;
     labelComponent?: Function;
-    labelTextStyle?: StyleProp<TextStyle>;
+    labelTextStyle?: Object;
+    labelShiftX?: number;
+    labelShiftY?: number;
     secondaryLabel?: string;
     secondaryLabelComponent?: Function;
     secondaryLabelTextStyle?: StyleProp<TextStyle>;
-    dataPointText?: string;
-    textShiftX?: number;
-    textShiftY?: number;
-    textColor?: string;
-    textFontSize?: number;
     spacing?: number;
-    hideDataPoint?: boolean;
-    dataPointHeight?: number;
-    dataPointWidth?: number;
+    hideBubble?: boolean;
+    bubbleHeight?: number;
+    bubbleWidth?: number;
     r?: number;
-    dataPointColor?: string;
-    dataPointShape?: string;
-    customDataPoint?: Function;
+    bubbleColor?: string;
+    bubbleShape?: string;
+    customBubble?: Function;
     stripHeight?: number;
     stripWidth?: number;
     stripColor?: ColorValue | string | any;
     stripOpacity?: number;
     stripStrokeDashArray?: number[];
-    focusedDataPointShape?: string;
-    focusedDataPointWidth?: number;
-    focusedDataPointHeight?: number;
-    focusedDataPointColor?: ColorValue | string | any;
-    focusedDataPointRadius?: number;
-    focusedCustomDataPoint?: Function;
-    dataPointLabelComponent?: Function;
-    focusedDataPointLabelComponent?: Function;
-    dataPointLabelWidth?: number;
-    dataPointLabelShiftX?: number;
-    dataPointLabelShiftY?: number;
+    focusedBubbleShape?: string;
+    focusedBubbleWidth?: number;
+    focusedBubbleHeight?: number;
+    focusedBubbleColor?: ColorValue | string | any;
+    focusedBubbleRadius?: number;
+    focusedCustomBubble?: Function;
+    focusedLabelComponent?: Function;
     showStrip?: boolean;
     showVerticalLine?: boolean;
     verticalLineHeight?: number;
-    verticalLineUptoDataPoint?: boolean;
+    verticalLineUptoBubble?: boolean;
     verticalLineColor?: ColorValue;
     verticalLineThickness?: number;
     verticalLineStrokeDashArray?: number[];
@@ -261,6 +261,7 @@ export interface bubbleDataItem {
     x?: number;
     borderWidth?: number;
     borderColor?: ColorValue;
+    borderOpacity?: number;
     opacity?: number;
 }
 export {};

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, _20, _21;
-    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 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, xAxisLabelTexts = props.xAxisLabelTexts;
     var _22 = (_a = axesAndRulesProps.secondaryYAxisConfig) !== null && _a !== void 0 ? _a : {}, secondaryStepValue = _22.stepValue, secondaryNegativeStepValue = _22.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _22.noOfSectionsBelowXAxis, showSecondaryFractionalValues = _22.showFractionalValues, secondaryRoundToDigits = _22.roundToDigits, secondaryStepHeight = _22.stepHeight, secondaryNegativeStepHeight = _22.negativeStepHeight;
     var primaryYAxisHeightBelowOrigin = noOfSectionsBelowXAxis * negativeStepHeight;
     var secondaryYAxisHeightBelowOrigin = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
@@ -98,7 +98,9 @@ export var useBarAndLineChartsWrapper = function (props) {
     var noOfVerticalLines = axesAndRulesProps.noOfVerticalLines;
     var secondaryXAxis = axesAndRulesProps.secondaryXAxis;
     var verticalLinesAr = noOfVerticalLines
-        ? __spreadArray([], __read(Array(noOfVerticalLines).keys()), false) : (stackData !== null && stackData !== void 0 ? stackData : data).map(function (item) {
+        ? __spreadArray([], __read(Array(noOfVerticalLines).keys()), false) : (chartType === chartTypes.BUBBLE
+        ? xAxisLabelTexts !== null && xAxisLabelTexts !== void 0 ? xAxisLabelTexts : []
+        : stackData !== null && stackData !== void 0 ? stackData : data).map(function (item) {
         var showVerticalLine = item.showVerticalLine, verticalLineThickness = item.verticalLineThickness, verticalLineHeight = item.verticalLineHeight, verticalLineColor = item.verticalLineColor, verticalLineStrokeDashArray = item.verticalLineStrokeDashArray, verticalLineShift = item.verticalLineShift, verticalLineZIndex = item.verticalLineZIndex, verticalLineSpacing = item.verticalLineSpacing, verticalLineStrokeLinecap = item.verticalLineStrokeLinecap;
         return {
             showVerticalLine: showVerticalLine,

package/dist/index.d.ts

@@ -46,5 +46,5 @@ export { type StripAndLabelProps } from './components/common/types';
 /*********************************          common utils, constants and types           ********************************
 /***********************************************************************************************************************/
 export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset, pointsWithPaddedRepititions } from './utils';
-export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
+export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, BubbleDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
 export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, type DataSetNullSafe, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps, type Linecap, type IntersectionAreaConfig, type LabelLineConfig, type TooltipProps, type SpreadData, type ColorFromToY } from './utils/types';

package/dist/index.js

@@ -39,5 +39,5 @@ export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel
 /*********************************          common utils, constants and types           ********************************
 /***********************************************************************************************************************/
 export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset, pointsWithPaddedRepititions } from './utils';
-export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
+export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, BubbleDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
 export { CurveType, EdgePosition, Framework } from './utils/types';

package/dist/utils/constants.d.ts

@@ -67,6 +67,7 @@ export declare const AxesAndRulesDefaults: {
     verticalLinesUptoDataPoint: boolean;
     verticalLinesStrokeLinecap: string;
     noOfSections: number;
+    xNoOfSections: number;
     containerHeight: number;
     width: number;
     labelWidth: number;
@@ -177,10 +178,28 @@ export declare const LineDefaults: {
     lowlightOpacity: number;
 };
 export declare const BubbleDefaults: {
+    bubblesRadius: number;
+    bubblesWidth: number;
+    bubblesHeight: number;
+    bubblesShape: string;
+    showValuesAsBubbleLabels: boolean;
+    showBubbleOnFocus: boolean;
+    showBubbleLabelOnFocus: boolean;
+    labelFontSize: number;
     borderWidth: number;
     borderColor: string;
     opacity: number;
-    dataPointsColor: string;
+    bubblesColor: string;
+    focusedBubbleColor: string;
+    initialSpacing: number;
+    endSpacing: number;
+    spacing: number;
+    regressionLineConfig: {
+        thickness: number;
+        color: string;
+        opacity: number;
+    };
+    scatterChart: boolean;
 };
 export declare const defaultLineConfig: defaultLineConfigType;
 export declare const defaultPointerConfig: {

package/dist/utils/constants.js

@@ -77,6 +77,7 @@ export var AxesAndRulesDefaults = {
     verticalLinesUptoDataPoint: false,
     verticalLinesStrokeLinecap: 'butt',
     noOfSections: 10,
+    xNoOfSections: 5,
     containerHeight: 200,
     width: 200,
     labelWidth: 0,
@@ -190,10 +191,28 @@ export var LineDefaults = {
 };
 // Bubble chart specific
 export var BubbleDefaults = {
+    bubblesRadius: 10,
+    bubblesWidth: 20,
+    bubblesHeight: 20,
+    bubblesShape: 'circular',
+    showValuesAsBubbleLabels: false,
+    showBubbleOnFocus: false,
+    showBubbleLabelOnFocus: false,
+    labelFontSize: 10,
     borderWidth: 0,
     borderColor: '#333',
     opacity: 0.8,
-    dataPointsColor: 'skyblue'
+    bubblesColor: 'skyblue',
+    focusedBubbleColor: 'orange',
+    initialSpacing: 0,
+    endSpacing: 20,
+    spacing: 50,
+    regressionLineConfig: {
+        thickness: 1,
+        color: 'black',
+        opacity: 1
+    },
+    scatterChart: false
 };
 export var defaultLineConfig = {
     initialSpacing: BarDefaults.spacing, // gets updated to spacing before being used

package/dist/utils/index.d.ts

@@ -89,12 +89,14 @@ interface MaxAndMin {
 export declare const indexOfFirstNonZeroDigit: (num: number) => number;
 export declare const maxAndMinUtil: (maxItem: number, minItem: number, roundToDigits?: number, showFractionalValues?: boolean) => MaxAndMin;
 export declare const computeMaxAndMinItems: (data: any[] | undefined, extrapolateMissingValues: boolean, roundToDigits?: number, showFractionalValues?: boolean, propsData?: any[]) => MaxAndMin;
+export declare const computeMaxAndMinYForBubble: (data: any[] | undefined, extrapolateMissingValues: boolean, roundToDigits?: number, showFractionalValues?: boolean, propsData?: any[]) => MaxAndMin;
+export declare const computeMaxAndMinXForBubble: (data: any[] | undefined, extrapolateMissingValues: boolean, roundToDigits?: number, showFractionalValues?: boolean, propsData?: any[]) => MaxAndMin;
 export declare const getLabelTextUtil: (val: string, index: number, showFractionalValues?: boolean, yAxisLabelTexts?: string[], yAxisOffset?: number, yAxisLabelPrefix?: string, yAxisLabelSuffix?: string, roundToDigits?: number, formatYLabel?: (label: string) => string) => string;
 export declare const getXForLineInBar: (index: number, firstBarWidth: number, currentBarWidth: number, yAxisLabelWidth: number, lineConfig: any, spacing: number) => number;
 export declare const getYForLineInBar: (value: number | undefined, shiftY: number | undefined, containerHeight: number, maxValue: number, yAxisOffset: number) => number;
 export declare const clone: (obj: any) => any;
 export declare const getLineConfigForBarChart: (lineConfig: lineConfigType, barInitialSpacing: number, focusedDataPointIndex: number, setFocusedDataPointIndex: (i: number) => void) => lineConfigWithSetFocusedDataPointIndexType;
-export declare const getNoOfSections: (noOfSections: number | undefined, maxValue: number | undefined, stepValue: number | undefined) => number;
+export declare const getNoOfSections: (noOfSections: number | undefined, maxValue: number | undefined, stepValue: number | undefined, isX?: boolean) => number;
 export declare const getMaxValue: (maxValue: number | undefined, stepValue: number | undefined, noOfSections: number, maxItem: number) => number;
 export declare const getMostNegativeValue: (minValue: number | undefined, stepValue: number | undefined, noOfSections: number | undefined, minItem: number) => number;
 export declare const getBarFrontColor: (isFocused?: boolean, focusedBarConfig?: FocusedBarConfig, itemFrontColor?: ColorValue, frontColor?: ColorValue, isThreeD?: boolean) => ColorValue;

package/dist/utils/index.js

@@ -738,6 +738,40 @@ export var computeMaxAndMinItems = function (data, extrapolateMissingValues, rou
     });
     return maxAndMinUtil(maxItem, minItem, roundToDigits, showFractionalValues);
 };
+export var computeMaxAndMinYForBubble = function (data, extrapolateMissingValues, roundToDigits, showFractionalValues, propsData) {
+    if (!(data === null || data === void 0 ? void 0 : data.length)) {
+        return { maxItem: 0, minItem: 0 };
+    }
+    var maxItem = 0;
+    var minItem = 0;
+    data.forEach(function (item, index) {
+        if (item.y > maxItem) {
+            maxItem = item.y;
+        }
+        if (item.y < minItem &&
+            (extrapolateMissingValues || (propsData === null || propsData === void 0 ? void 0 : propsData[index].y))) {
+            minItem = item.y;
+        }
+    });
+    return maxAndMinUtil(maxItem, minItem, roundToDigits, showFractionalValues);
+};
+export var computeMaxAndMinXForBubble = function (data, extrapolateMissingValues, roundToDigits, showFractionalValues, propsData) {
+    if (!(data === null || data === void 0 ? void 0 : data.length)) {
+        return { maxItem: 0, minItem: 0 };
+    }
+    var maxItem = 0;
+    var minItem = 0;
+    data.forEach(function (item, index) {
+        if (item.x > maxItem) {
+            maxItem = item.x;
+        }
+        if (item.x < minItem &&
+            (extrapolateMissingValues || (propsData === null || propsData === void 0 ? void 0 : propsData[index].x))) {
+            minItem = item.x;
+        }
+    });
+    return maxAndMinUtil(maxItem, minItem, roundToDigits, showFractionalValues);
+};
 export var getLabelTextUtil = function (val, index, showFractionalValues, yAxisLabelTexts, yAxisOffset, yAxisLabelPrefix, yAxisLabelSuffix, roundToDigits, formatYLabel) {
     var _a, _b;
     var label = '';
@@ -849,10 +883,12 @@ export var getLineConfigForBarChart = function (lineConfig, barInitialSpacing, f
         showDataPointLabelOnFocus: (_24 = lineConfig.showDataPointLabelOnFocus) !== null && _24 !== void 0 ? _24 : defaultLineConfig.showDataPointLabelOnFocus
     };
 };
-export var getNoOfSections = function (noOfSections, maxValue, stepValue) {
+export var getNoOfSections = function (noOfSections, maxValue, stepValue, isX) {
     return maxValue && stepValue
         ? maxValue / stepValue
-        : noOfSections !== null && noOfSections !== void 0 ? noOfSections : AxesAndRulesDefaults.noOfSections;
+        : noOfSections !== null && noOfSections !== void 0 ? noOfSections : (isX
+            ? AxesAndRulesDefaults.xNoOfSections
+            : AxesAndRulesDefaults.noOfSections);
 };
 export var getMaxValue = function (maxValue, stepValue, noOfSections, maxItem) { return maxValue !== null && maxValue !== void 0 ? maxValue : (stepValue ? stepValue * noOfSections : maxItem); };
 export var getMostNegativeValue = function (minValue, stepValue, noOfSections, minItem) {

package/dist/utils/types.d.ts

@@ -355,6 +355,7 @@ export interface BarAndLineChartsWrapperTypes {
     xAxisLabelsAtBottom: boolean;
     onScrollEndDrag?: (event: any, direction: any) => void;
     showVerticalLines?: boolean;
+    xAxisLabelTexts?: string[];
 }
 export interface HorizontalStripConfig {
     thickness?: number;
@@ -366,6 +367,14 @@ export interface HorizontalStripConfig {
     labelComponentHeight?: number;
     labelComponentWidth?: number;
 }
+export interface RegressionLineConfig {
+    thickness?: number;
+    color?: ColorValue;
+    opacity?: number;
+    strokeDashArray?: number[];
+    isAnimated?: boolean;
+    animationDuration?: number;
+}
 export interface Pointer {
     height?: number;
     width?: number;

package/package.json

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