3

我在 React-Native 中使用了胜利原生,但无法弄清楚这一点。

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

在此处输入图像描述

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

4

1 回答 1

1

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

您可以查看文档:https ://formidable.com/open-source/victory/docs/common-props/#padding

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

另一种选择是在此处实施类似此示例的内容https://formidable.com/open-source/victory/gallery/brush-zoom/

于 2018-11-21T19:02:31.107 回答