Как мне воспроизвести такой график в Victory? - PullRequest
Новая
       17

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

0 голосов
/ 06 сентября 2018

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

enter image description here

1 Ответ

0 голосов
/ 08 октября 2018

Да, это возможно! Изучите документы для групп Победы 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>
...