recharts中Legend的margin属性设置无效_legend.margin

设置legend图例组件中的margin无效：

return(
        <BarChart
          width={400}
          height={300}
          data={data}
          margin={{top: 20, right: 40, left: -20, bottom: 0}}
        >
          <Legend
            verticalAlign={'top'}
            align={'right'}
            iconSize={10}
            margin={{top: 20, right: 40, left: -20, bottom: 0}}
          />
          <XAxis dataKey="time"/>
          <YAxis/>
          <Tooltip  />
          <Bar dataKey="value" fill="red">
        </BarChart>
    )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

试了很多次都无效，只好采用最笨的方式了(修改legend位置成功)~找到它的css样式名然后直接位移

.recharts-legend-item {
   transform: translateX(10px) translateY(-20px);
 }
1
2
3