highcharts图表的图例legend怎么改变显示位置

 我来答
帐号已注销
2015-12-27 · TA获得超过1040个赞
知道小有建树答主
回答量:527
采纳率:87%
帮助的人:81.8万
展开全部
一、将图例Legend放于图表右侧
1、设置chart的marginRight属性值

chart: {
marginRight: 120
},

2、设置legend图例属性值如下

legend: {
align: 'right', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 100 //距离Y轴的距离
},

二、将图例放于图表左上角
1、设置legend的属性

legend: {
align: 'left', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 0 //距离Y轴的距离
},

三、将图例放于图表上方中央
1、设置legend属性如下

legend: {
align: 'center', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 20 //距离Y轴的距离
},

四、将图例放于下方中央
1、设置legend属性如下

legend: {
align: 'center', //水平方向位置
verticalAlign: 'bottom', //垂直方向位置
x: 0, //距离x轴的距离
y: 0 //距离Y轴的距离
},
0808xyj
2015-02-02 · TA获得超过1891个赞
知道大有可为答主
回答量:1237
采纳率:100%
帮助的人:1075万
展开全部
 legend: {
                    layout: 'vertical',
                    align: 'right',
                    borderWidth: 0,
                    verticalAlign: 'middle',
                    y: 20,
                    x:-180,
                    itemStyle: {
                        color: '#FFF',
                        fontSize: '14px'
                    }
                },
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-02-01
展开全部
plotOptions: {
areaspline: {
fillOpacity: 0.5
},
series: {
events: {
//控制图标的图例legend不允许切换
legendItemClick: function (event){

return false; //return true 则表示允许切换
}
}
}
},
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式