Bug: Min negative step in in left y axis is too long than expected

[dumihi313]

Simulator.Screen.Recording.-.iPhone.14.Pro.Max.-.2024-08-13.at.11.31.20.mp4

Please check with the lowest value is -25, the minimum of left y-axis is too long (-168)

My dataset:

[{"data":[{"value":null,"label":"0","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabel":"14/06/24","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"6","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"12","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"18","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"24","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabel":"15/06/24","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"6","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"12","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"18","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"24","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabel":"16/06/24","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"6","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"12","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"18","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"24","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabel":"17/06/24","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":-25.6,"label":"6","focusedDataPointRadius":4,"secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]},"focusedDataPointColor":"rgba(60, 121, 245, 1)"},{"value":null,"label":"12","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":null,"label":"18","dataPointRadius":0.5,"dataPointColor":"transparent","secondaryLabelTextStyle":{"width":65,"textAlign":"center","transform":[{"rotate":"-55deg"}]}},{"value":0,"label":"24"}],"color":"rgba(60, 121, 245, 1)","dataPointsColor":"rgba(60, 121, 245, 1)","startIndex":13,"endIndex":13}]

My code:

<LineChart
key={renderChartWithDateKey}
dataSet={dataSet}
{...maxValue: 75,
isAnimated: true,
spacing: 32,
endSpacing: 10,
noOfSections: 4,
width: windowWidth - 100,
yAxisTextStyle: { color: theme.Colors.primaryTempColor },
showYAxisIndices: true,
yAxisIndicesColor: theme.Colors.transparent,
yAxisIndicesWidth: 10,
showTextOnFocus: true,
showDataPointLabelOnFocus: true,
showStripOnFocus: true,
focusEnabled: true,
stripColor: theme.Colors.gray,
stripOpacity: 0.5,
dataPointsWidth: 4,
dataPointsRadius: 2,
dataPointsHeight: 4,
dataPointLabelWidth: 100,
roundToDigits: 2,
yAxisColor: theme.Colors.primaryTempColor,
yAxisThickness: 2,
secondaryYAxis: {
maxValue: 6,
noOfSections: 6,
roundToDigits: 2,
yAxisTextStyle: {
color: theme.Colors.primaryVoltageColor,
},
yAxisColor: theme.Colors.primaryVoltageColor,
yAxisThickness: 2,
yAxisIndicesColor: theme.Colors.transparent,
},
xAxisIndicesHeight: 10,
xAxisIndicesWidth: 4,
showDataPointsForMissingValues: true,}
yAxisExtraHeight={yAxisExtraHeight}
secondaryXAxis={{
thickness: 0.5,
}}
trimYAxisAtTop={false}
/>

[dumihi313]

Same bug with non-negative value

dataset
[{"data":[{"value":null,"label":"0","dataPointRadius":0.5},{"value":null,"label":"1","dataPointRadius":0.5},{"value":null,"label":"2","dataPointRadius":0.5},{"value":null,"label":"3","dataPointRadius":0.5},{"value":null,"label":"4","dataPointRadius":0.5},{"value":null,"label":"5","dataPointRadius":0.5},{"value":32,"label":"6","focusedDataPointRadius":4,"focusedDataPointColor":"rgba(60, 121, 245, 1)","dataPointLabelShiftX":75},{"value":66.9182,"label":"7","focusedDataPointRadius":4,"focusedDataPointColor":"rgba(60, 121, 245, 1)","dataPointLabelShiftX":75},{"value":32,"label":"8","focusedDataPointRadius":4,"focusedDataPointColor":"rgba(60, 121, 245, 1)","dataPointLabelShiftX":75},{"value":66.9182,"label":"9","focusedDataPointRadius":4,"focusedDataPointColor":"rgba(60, 121, 245, 1)","dataPointLabelShiftX":75},{"value":null,"label":"10","dataPointRadius":0.5},{"value":null,"label":"11","dataPointRadius":0.5},{"value":null,"label":"12","dataPointRadius":0.5},{"value":null,"label":"13","dataPointRadius":0.5},{"value":null,"label":"14","dataPointRadius":0.5},{"value":null,"label":"15","dataPointRadius":0.5},{"value":null,"label":"16","dataPointRadius":0.5},{"value":null,"label":"17","dataPointRadius":0.5},{"value":null,"label":"18","dataPointRadius":0.5},{"value":null,"label":"19","dataPointRadius":0.5},{"value":null,"label":"20","dataPointRadius":0.5},{"value":null,"label":"21","dataPointRadius":0.5},{"value":null,"label":"22","dataPointRadius":0.5},{"value":null,"label":"23","dataPointRadius":0.5},{"value":0,"label":"24"}],"color":"rgba(60, 121, 245, 1)","dataPointsColor":"rgba(60, 121, 245, 1)","startIndex":6,"endIndex":9}]