如何使用react-native-gifted-charts显示带有负值的2条形图和2条线

Question

我想创建一个与上图相同的图表，其中我们有一个与左侧 Y 轴连接的分组图和与右侧 Y 轴连接的 2 个两线图，如果所有值都是正数，我可以实现此目的，但面临价值观为负的挑战。

1. 线条未与右侧 Y 轴对齐
2. 右侧 Y 轴未正确显示值（应该显示 50、25、0、-25）。

Answer 1

这些问题已在最新版本的 react-native-gifted-charts 中得到修复。这是指向您问题的 github 链接 - 如何创建具有负值的组条形图

该库根据

stepValue

、

maxValue

和 计算 Y 轴标签

yAxisOffset

。可以使用

secondaryYAxis

对象内部的属性为辅助（右侧）Y 轴单独设置这些道具。

您可以通过在

yAxisLabelTexts

属性中传递字符串标签数组来覆盖自动计算的 Y 轴标签。