LineChart: Fixed/static reference lines position on dynamic YAxis config?

[kpatel0170]

Hello,
I have been trying to add filters (based on dates) to the graph data, it works fine as long as maxValue (yAxisMax) stays the same (i.e. until 3D filter), see screenshot below:

As I apply 7D or All filters, maxValue (yAxisMax) changes, the referenceLine position data should stay the same (as the (setpoints) values are still same).
but at runtime, it's changing the position and misplacing the reference lines, see below screenshot:

As per documentation:

Link: https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/docs/LineChart/LineChartProps.md

Question

• How can I have fixed position of reference lines based on the setpoint values?
• Am I missing anything here?
• Is if possible to render another line (as a child component) to make this work?

Thanks for the help :)

Here is my config:

calculations:
var maxChartValue = Math.max(...chartData.map((d) => d.value));
var yAxisMax = highSetpoint ? Math.max(maxChartValue, highSetpoint) : maxChartValue;

component:

      <LineChart
        data={chartData || []}
        color={colors.green}
        dataPointsColor={"green"}
        width={chartWidth}
        // height={200} //defining height here doesn't help
        areaChart
        isAnimated
        adjustToWidth
        disableScroll
        hideDataPoints
        animateOnDataChange
        endSpacing={0}
        thickness={2}
        initialSpacing={0}
        noOfSections={6}
        yAxisThickness={1}
        maxValue={yAxisMax}
        rulesColor="transparent"
        xAxisLabelTextStyle={{ color: "transparent" }}
        xAxisLabelTexts={[]}
        referenceLinesOverChartContent={false}
        showReferenceLine1={setpoint1 !== undefined}
        referenceLine1Config={{
          color: colors.red,
          thickness: 1,
          zIndex: -10,
          width: chartWidth
        }}
        referenceLine1Position={setpoint1}
        showReferenceLine2={setpoint2 !== undefined}
        referenceLine2Config={{
          color: colors.red,
          thickness: 1,
          zIndex: -10,
          width: chartWidth
        }}
        referenceLine2Position={setpoint2}
        />

sample data:
setpoint1 = 2
setpoint2 = 35
chartData = [ {"label": "2025-02-14 | 12:11 PM", "name": "Pump Status", "value": 29.6}, ....]

[kpatel0170]

Any updates??
I'm still stuck at this one. Should I create an issue from this discussion?