Как использовать VictoryChart для рисования топоров для VictoryBar

Question

Я пытаюсь нарисовать гистограмму с библиотекой Victory для React. Когда я просто вызываю компонент VictoryBar, он правильно отображает гистограмму. Но когда я обертываю его внутри компонента VictoryChart для рисования осей диаграммы, он не рендерится.

Мой код выглядит следующим образом

<div style={styles.dataWrapper}>
    <svg viewBox='-100 -20 1000 800'> 
       <VictoryChart>
          <VictoryBar
             width={500}
             height={500}
             standalone={false}
             padding={50}
             barWidth={50}
             theme={VictoryTheme.material}
             colorScale={colorScale}
             data={agentData}
             x={d => d.agent}
             y={d => d.reqCount}
             labels={d => `${d.agent} : ${d.reqCount}`}
             /> 
        </VictoryChart>
    </svg>
</div>

Любая помощь приветствуется

Answer 1

Я понял проблему. Помещение standalone={false} в VictoryChart решило проблему. Но, в соответствии с Документами Victory VictoryChart устанавливает standalone = {false} для всех своих дочерних элементов.

.