Как мне воспроизвести такой график в Victory?

Question

Можно ли воспроизвести подобный график в Victory Native? При этом суммы (100, 50, 50) относятся друг к другу, а значения цен являются отдельными.

Answer 1

Да, это возможно! проверьте документы для групп Победы https://formidable.com/open-source/victory/docs/victory-group/ и сосредоточьте внимание на наличии четырех столбцов Победы в этой группе. Один для относительных сумм, а затем один для каждого независимого значения цены.

Я предполагаю, что это будет выглядеть примерно так:

<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>