小编Omk*_*109的帖子

我使用BARCHART从Recharts库，但我面对的问题，同时增加酒吧之间的空间。我尝试使用属性barGap={20} barCategoryGap={20}，但是它似乎不起作用。

  <ResponsiveContainer width="100%" height={230}>
  <BarChart layout="vertical" width="100%" height={600} data={data} barGap={100} barCategoryGap={-20}
        margin={{top: 20, right: 20, bottom: 20, left: 20}}>
      <CartesianGrid stroke='#f5f5f5'/>
      <XAxis interval={0} type="number"/>
      <YAxis width={180} dx={-10} interval={0} dataKey="name" type="category"/>
      <Tooltip cursor={{fill: '#fff'}}/>
      <Legend/>

      <Bar dataKey='pv' barSize={18} fill='#f19135' radius={[0,20,20,0]} background={{fill: "#FFF"}}/>
   </BarChart>
   </ResponsiveContainer>

我是React的新手，正在经历React的生命周期，但是我对使用有点困惑componentWillReceiveProps。

在这种情况下，任何人都可以向我解释。

谢谢。