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

您所在的位置:网站首页 图例位置设置在底部怎么设置 highcharts图表的图例legend怎么改变显示位置

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

2023-10-04 12:53| 来源: 网络整理| 查看: 265

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

参考网址:http://www.stepday.com/topic/?446



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3