屏幕上会裁剪轴分区

Question

我有图表：

<View style={{
              height: 200,
              padding: 20,
              flexDirection: 'row'
            }}
            >
              <YAxis
                data={tempList}
                style={{ marginBottom: xAxisHeight }}
                contentInset={verticalContentInset}
                svg={axesSvg}
              />
              <View style={{
                flex: 1,
                marginLeft: 10
              }}
              >
                <LineChart
                  style={{ flex: 1 }}
                  data={tempList}
                  contentInset={verticalContentInset}
                  svg={{ stroke: 'rgb(134, 65, 244)' }}
                >
                  <Grid />
                </LineChart>
                <XAxis
                  style={{
                    marginHorizontal: -10,
                    height: xAxisHeight
                  }}
                  data={tempList}
                  formatLabel={(value, index) => index}
                  contentInset={{
                    left: 10,
                    right: 10
                  }}
                  svg={{
                    fill: 'black',
                    fontSize: 8,
                    fontWeight: 'bold',
                    rotation: 90,
                    originY: 30,
                    y: 5,
                  }}
                />
              </View>
            </View>

可能是两个图表的组合：this和this。我的目的是将签名在X轴附近旋转90度。但是不幸的是，当我这样做时，我在屏幕上发现了它：

因此，如您所见，数字（从0到35）被旋转但被切掉。那么，怎么了，也许有人知道如何解决这个问题？