Recharts: Position Legend on the right side of a graph

[sortsen]

I'm wondering if it's possible to display a vertical list of Legend items on the right of a graph. I have a LineChart with a custom Legend, but it seems the only position the Legend (wrapper) can take now is top or bottom. I've checked all examples and they confirm this notion.

I can achieve my goal with ugly css positioning or other suboptimal ways, but isn't there a proper way of doing this?

[xile611]

@sortsen You can change the layout of Legend.

<Legend layout="vetical" verticalAlign="middle" align="right" />

[richaax]

for those that cut and paste, there is a typo. change vetical to vertical . :)

[kiranvj]

Just in case anyone is looking for more layout options I have added few here

<Legend layout="horizontal" verticalAlign="top" align="center" />

<Legend layout="vertical" verticalAlign="top" align="right" />