This sample is to display legend at the right of the chart.
Legend
useVisibleCheck: whether or not to use the checkbox. 
	you can not use the checkbox in Pie (or Doughnut) Chart.
defaultMouseOverAction : whether or not to use the default action when mouse over on the legend.
position - bottom, left, right, top: the location of the legend. 
	The valid values are left, right, top and bottom.
direction - horizontal, vertical: the direction of the text. 
	The valid values are horizontal and vertical.
hAlign - center, left, right: the horizontal alignment of the items. 
	The valid values are left, center and right. default: center
vAlign - middle, top, bottom: the vertical alignment of the items. 
	The valid values are top, middle and bottom. default: middle
labelPlacement - right, left, top, bottom: the location of the labels.
backgorundColor: the background color. 
color: the color of the label.
fontSize: the size of the font.
fontWeight - bold, normal, default: normal
fontStyle - italic,noraml, default: noraml
textDecoration - none, undeerline, default: normal
paddingLeft: the size of the left margin. default: 0
paddingRight: the size of the right margin. default: 0
paddingTop: the size of the top margin. default: 0
paddingBottom: the size of the bottom margin. default: 0
verticalGap: the vertical gap between each items. default: 6
horizontalGap: the horizontal gap between each items 
	(checkbox, marker, text). default:8

ā—¸Layout
<Legend position="right" direction="vertical" useVisibleCheck="true" 
enableFilter="true" labelPlacement="top">