Javascript VictoryChart:动态宽度取决于轴标签宽度
我在React native中使用victory native,但无法理解这一点 我正在创建一个带有两个轴的Victory烛台,所以我有这样的东西:Javascript VictoryChart:动态宽度取决于轴标签宽度,javascript,react-native,charts,victory-charts,Javascript,React Native,Charts,Victory Charts,我在React native中使用victory native,但无法理解这一点 我正在创建一个带有两个轴的Victory烛台,所以我有这样的东西: 我现在的问题是,我的数据是动态的,右边的数字可能会达到数百万。有没有办法根据轴/标签的宽度计算轴的偏移量?否则,我的文本会在屏幕右侧被截断,或者如果我更改VictoryLabel textAnchor,则会与图形重叠。您可以使用padding属性来解析截断文本,例如: padding={{top:40,bottom:80,left:40,righ
我现在的问题是,我的数据是动态的,右边的数字可能会达到数百万。有没有办法根据轴/标签的宽度计算轴的偏移量?否则,我的文本会在屏幕右侧被截断,或者如果我更改VictoryLabel textAnchor,则会与图形重叠。您可以使用padding属性来解析截断文本,例如:
padding={{top:40,bottom:80,left:40,right:80}
您可以在文档中查看:
关于轴中的数据量,由于数据是动态的,您可以通过添加“缩放”容器来解决,例如containerComponent={}
,其中您可以将间隔设置为在一个或两个轴上显示的初始范围,用户将能够平移您定义的轴。以下是指向文档的链接:
另一个选择是在这里实现类似于此示例的内容