highcharts图表的图例legend怎么改变显示位置
1个回答
展开全部
这里将针对highcharts图表组件内的图例legend展开讲述，图例的显示位置调整，亮瞎你的双眼！
一、将图例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轴的距离
},
转载，仅供参考。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
ZESTRON
2025-02-18 广告
表界面分析在材料科学及化学领域占据核心地位，它深入探索物质表面与界面的微观结构、化学组成及相互作用。通过电商平台射线光电子能谱（电商平台PS）、扫描电子显微镜（SEM）及原子力显微镜（AFM）等先进技术手段，我们Dr. O.K. Wack ...
点击进入详情页
本回答由ZESTRON提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
