如何在Victory中复制这样的图形?

时间:2018-09-06 01:13:24

标签: react-native victory-charts

是否可以在Victory Native中复制这样的图形?因此,金额(100、50、50)是彼此相对的,并且价格值是分开的。

enter image description here

1 个答案:

答案 0 :(得分: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>