如何解决react-native-chart-kit:垂直旋转时无法正确显示标签
为了显示带有长标签元素的条形图,我使用 verticalLabelRotation={90}
将其完全垂直显示,但文字被截断了 like this。图表的高度定义为 height = {screen Width / 1.75]
如果我将其更改为仅 screenWidth
文本显示完整但 chart is too big 所以,这不是我想要的,我想要一个调整大小的图表显示标签的整个文本?
这是图表配置:
const chartConfig = {
backgroundGradientFrom: "#fff",backgroundGradientTo: "#fff",barPercentage: 0.7,fillShadowGradient: "#31b189",fillShadowGradientOpacity: 1,decimalPlaces: 0,// optional,defaults to 2dp
color: (opacity = 1) => `#31b189`,labelColor: (opacity = 1) => `rgba(0,1)`,style: {
borderRadius: 16,fontFamily: "Bogle-Regular",},propsForBackgroundLines: {
strokeWidth: 1,stroke: "#e3e3e3",strokeDasharray: "0",propsForLabels: {
fontFamily: "Bogle-Regular",
},
和 barChart 组件:
<BarChart
style={{ flex: 1,paddingRight: 22 }}
data={data}
fromZero="true"
showValuesOnTopOfBars="true"
width={screenWidth / 1.07}
height={screenWidth}
chartConfig={chartConfig}
verticalLabelRotation={90}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。