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: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
},
)