Why are the values not aligned? Line chart

[kookley]

Description

code

<LineChart
data={chartDatas.preNum}
data2={chartDatas.preAccessNum}
data3={chartDatas.preOutgoingNum}
data4={chartDatas.loanNum}
data5={chartDatas.loanAccessNum}
color1='#126ffb'
color2='#29B0FF'
color3='#27F2DB'
color4='#FFCD29'
color5='#FF8D29'
spacing={px2dp(196)}
spacing1={px2dp(260)}
spacing2={px2dp(260)}
spacing3={px2dp(260)}
spacing4={px2dp(260)}
spacing5={px2dp(260)}
width={px2dp(840)}
height={px2dp(368)}
disableScroll
noOfSections={7}
rulesType="solid"
rulesColor={'#e6e9f0'} //分割线颜色
adjustToWidth={false}
initialSpacing={px2dp(90)}
endSpacing={px2dp(110)}
xAxisThickness={2}
xAxisColor={'#d3d7e0'} //x轴线颜色
yAxisThickness={0} //y轴线宽度
yAxisLabelContainerStyle={{
paddingLeft: px2dp(60),
}}
dataPointsWidth={px2dp(18)}
dataPointsHeight={px2dp(18)}
// textShiftY={px2dp(-6)}
textShiftX={px2dp(10)}
yAxisColor={'#8b94a6'} //y轴
yAxisTextStyle={{
color: '#8b94a6',
fontSize: px2dp(24),
}}
/>

Steps to reproduce

1

Snack or a link to a repository

No response

version of react-native-gifted-charts

1.4.54

React Native version

0.71.2

Platforms

Android

Workflow

React Native

[kookley]

the data

{"preNum":[{"value":0,"dataPointText":"0","label":"12.30-01.05","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":58,"dataPointText":"58","label":"01.06-01.12","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":0,"dataPointText":"0","label":"01.13-01.19","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":1,"dataPointText":"1","label":"01.20-01.20","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333}],"preAccessNum":[{"value":0,"dataPointText":"0","label":"12.30-01.05","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":58,"dataPointText":"58","label":"01.06-01.12","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":0,"dataPointText":"0","label":"01.13-01.19","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":1,"dataPointText":"1","label":"01.20-01.20","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333}],"preOutgoingNum":[{"value":0,"dataPointText":"0","label":"12.30-01.05","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":58,"dataPointText":"58","label":"01.06-01.12","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":0,"dataPointText":"0","label":"01.13-01.19","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":1,"dataPointText":"1","label":"01.20-01.20","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333}],"loanNum":[{"value":5,"dataPointText":"5","label":"12.30-01.05","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":60,"dataPointText":"60","label":"01.06-01.12","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":0,"dataPointText":"0","label":"01.13-01.19","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":1,"dataPointText":"1","label":"01.20-01.20","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333}],"loanAccessNum":[{"value":5,"dataPointText":"5","label":"12.30-01.05","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":57,"dataPointText":"57","label":"01.06-01.12","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":0,"dataPointText":"0","label":"01.13-01.19","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333},{"value":1,"dataPointText":"1","label":"01.20-01.20","labelTextStyle":{"color":"#8b94a6","fontSize":10.333333333333334},"dataPointWidth":6.333333333333333,"dataPointHeight":6.333333333333333}]}