VictoryChart：动态宽度取决于轴标签宽度

Question

我在React-Native中使用胜利原生而无法解决这个问题。

我正在创建一个带有两个轴的VictoryCandlestick，所以我有这样的东西：

我现在的问题是我的数据是动态的，右边的数字可以达到数百万。有没有办法根据轴/标签的宽度计算我应该给轴的偏移量？否则，如果我更改了VictoryLabel textAnchor，我的文本会在屏幕右侧被截断，或者与图形重叠

Answer 1

您可以使用padding属性解决的截断文字，例如： padding={{ top: 40, bottom: 80, left: 40, right: 80 }}

您可以查看文档：{​​{3}}

关于轴上的数据量，由于数据是动态的，您可以通过添加“缩放”容器来解决，例如containerComponent={<VictoryZoomContainer zoomDomain={{ y: [ 0.0080, 0.0120 ] }} />}，您可以在其中将间隔设置为初始范围在一个或两个轴上显示，用户将能够平移您定义的轴。这是文档的链接：https://formidable.com/open-source/victory/docs/common-props/#padding

另一种选择是在https://formidable.com/open-source/victory/docs/victory-zoom-container/

处实现类似此示例的内容