Echarts图例位置 - legend属性

 legend: {
    orient: 'vertical',
    x:'right',      //可设定图例在左、右、居中
    y:'center',     //可设定图例在上、下、居中
    padding:[0,50,0,0],   //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
    data: ['直接访问','微信','百度','其他文章','网页']
 },

Echarts 图例位置 - legend 属性：

如何使用echarts 图例位置：

  Echarts 可以帮助我们快速构建柱状图（bar）, 饼图（pie）折线图（line）,  这对于多图行化展示数据尤其特别方便， 可以帮助我们快速开发。 图例经常调节到我们想要的位置。

 2： 只需要legend属性中修改如下几个示数即可： 

x : 轴上可以设定图例在： left (左)   -- 右（right） ---居中 （center）

y： 代表y 轴 上 （top）,  居中（center） bottom： （底部）

另外： 可以使用padding 内边距：

padding: [0, 50, 50, 30]   ( 距离：上方距离， 右方距离， 下方距离， 左方距离

legend: {
   orient: 'vertical',
   right: 10,   //当前直接只设置此具体像素值、百分比即可了
   data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
 },

)