请教legend图例位置问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了请教legend图例位置问题相关的知识，希望对你有一定的参考价值。
一、将图例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轴的距离
, 参考技术A layout: 'horizontal', //horizontal图例水平排列，vertical图例垂直排列 align: 'center', //水平放置位置，left放置在绘图区左边，right 右边，center中间 verticalAlign: 'bottom', //垂直放置位置，top顶端，middle中间，bottom底端
以上是关于请教legend图例位置问题的主要内容，如果未能解决你的问题，请参考以下文章