如何使用VictoryChart为VictoryBar绘制轴



我正在尝试使用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}。

相关内容

  • 没有找到相关文章

最新更新