在反应原生图表套件中修改标签的宽度

Question

我用我的动态值绘制图表，我需要知道两件事：

1/使用react原生图表套件的LineChart修改x和y中标签的宽度！！

2/控制我的图形的比例

如果你知道一个properties或选项可以做到这一点；

<LineChart
data={this.state.data}
width={Dimensions.get("window").width*0.9}
height={400}
//yAxisLabel={"DH"}
chartConfig={chartConfig}
bezier
spacing={0.8}
spacingInner={0.8}
verticalLabelRotation={90}
style={{
marginTop:40,
marginLeft:20,
fontSize:1,
}}
/>
const chartConfig = {
backgroundColor: "#f5f3ed",
backgroundGradientFrom: "#f5f3ed",
backgroundGradientTo: "#f5f3ed",
//decimalPlaces: 2, // optional, defaults to 2dp
color: (opacity = 1) => `rgba(3, 2, 2, ${opacity})`,
labelColor: (opacity = 1) => `rgba(3, 2, 2, ${opacity})`,
barPercentage: 0.5,
style: {
borderRadius: 16
},
propsForDots: {
r: "6",
strokeWidth: "2",
stroke: "#ffa726"
}
}

Answer 1

1. propsForLabels可以用来覆盖标签的样式，反应原生svg
2. 图形的比例与数据集的极值成比例。如果你想缩小规模，这意味着你的数据应该在一个相当小的范围内