react-native - 如何在 Victory 中复制这样的图表？

Question

是否可以在 Victory Native 中复制这样的图表？其中数量（100、50、50）是相对的，价格值是分开的。

Answer 1

对的，这是可能的！查看胜利组的文档https://formidable.com/open-source/victory/docs/victory-group/并专注于在该组中拥有 4 个胜利条。一个用于相对金额，然后一个用于每个独立的价格值。

我猜它看起来像这样：

<VictoryChart>
    <VictoryGroup offset={10}>
        <VictoryBar
            data={[{ x: 1, y: 100 }, { x: 2, y: 50 }, { x: 3, y: 50 }]}
        />
        <VictoryBar
            data={[{ x: 1, y: 252 }]}
        />
        <VictoryBar
            data={[{ x: 2, y: 569 }]}
        />
        <VictoryBar
            data={[{ x: 3, y: 245 }]}
        />
    </VictoryGroup>
</VictoryChart>