我在 React-Native 中使用了胜利原生,但无法弄清楚这一点。
我正在创建一个带有两个轴的 VictoryCandlestick,所以我有这样的东西:
我现在遇到的问题是我的数据是动态的,右边的数字可以达到数百万。有没有办法根据轴/标签的宽度计算我应该给轴的偏移量?否则,如果我更改 VictoryLabel textAnchor,我的文本会在屏幕右侧被截断,或者与图形重叠
我在 React-Native 中使用了胜利原生,但无法弄清楚这一点。
我正在创建一个带有两个轴的 VictoryCandlestick,所以我有这样的东西:
我现在遇到的问题是我的数据是动态的,右边的数字可以达到数百万。有没有办法根据轴/标签的宽度计算我应该给轴的偏移量?否则,如果我更改 VictoryLabel textAnchor,我的文本会在屏幕右侧被截断,或者与图形重叠
您可以使用 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/