我正在尝试使用React的Victory库绘制条形图。当我只是调用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>
感谢提供的任何帮助
我解决了这个问题。将standalone={false}
放入VictoryChart解决了这个问题。然而,根据Victory文档的说法,VictoryChart为其所有子项设置了独立的={false}。