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 (将#修改为@）