一、将图例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、结果图如下:

 

posted on 2014-08-18 17:29  凌度  阅读(52112)  评论(1编辑  收藏  举报