一、將圖例Legend放於圖表右側
1、設置chart的marginRight屬性值:
chart: {
marginRight: 120
}
2、設置legend圖例屬性值如下
legend: {
align: 'right', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距離x軸的距離
y: 100 //距離Y軸的距離
}
3、效果圖：
二、將圖例放於圖表左上角
1、設置legend的屬性
legend: {
align: 'left', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距離x軸的距離
y: 0 //距離Y軸的距離
}
2、效果圖：
三、將圖例放於圖表上方中央
1、設置legend屬性如下
legend: {
align: 'center', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距離x軸的距離
y: 20 //距離Y軸的距離
}
2、效果圖如下：
四、將圖例放於下方中央
1、設置legend屬性如下
legend: {
align: 'center', //水平方向位置
verticalAlign: 'bottom', //垂直方向位置
x: 0, //距離x軸的距離
y: 0 //距離Y軸的距離
},
2、效果圖如下：
