highcharts图表的图例legend怎么改变显示位置 |
您所在的位置:网站首页 › 图例位置设置在底部怎么设置 › 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轴的距离 },2、效果图如下: 参考网址:http://www.stepday.com/topic/?446 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |