How does legend change the display position of a highcharts chart?

1. Place the legend on the right of the chart
1. Set the value of the marginright attribute of the chart:
Chart :{
Marginright: 120
}
2. Set the legend property value as follows:

Legend :{
Align: 'right', // horizontal position
Verticalalign: 'top', // vertical position
X: 0, // distance from X axis
Y: 100 // distance from Y axis
}

3 ,:

 

2. Place the legend in the upper left corner of the chart.
1. Set the properties of Legend
Legend :{
Align: 'left', // horizontal position
Verticalalign: 'top', // vertical position
X: 0, // distance from X axis
Y: 0 // distance from Y axis
}

2 ,:

3. Place the legend in the center of the chart
1. Set the legend attribute as follows:
Legend :{
Align: 'center', // horizontal position
Verticalalign: 'top', // vertical position
X: 0, // distance from X axis
Y: 20 // distance from Y axis
}
2. as follows:

4. Place the legend in the center below
1. Set the legend attribute as follows:
Legend :{
Align: 'center', // horizontal position
Verticalalign: 'bottom ', // vertical position
X: 0, // distance from X axis
Y: 0 // distance from Y axis
},
2. as follows:

Reference URL: http://www.stepday.com/topic? 446