我用我的动态值绘制图表,我需要知道两件事:
1/ 使用 react-native-chart-kit 的 LineChart 修改 x 和 y 中标签的宽度!
2/控制我的图表的比例
如果您知道可以做到这一点的比例或选项;
<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"
}
}