如何设置echart图例legend的位置

最新推荐文章于 2024-01-30 14:05:28 发布

VIP文章徊忆羽菲

最新推荐文章于 2024-01-30 14:05:28 发布

阅读量2.4k

点赞数

分类专栏： Echarts Html 软件

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/116744110

版权

如何设置echart图例legend的位置

常见legend位置

在这里插入图片描述

底部居中

在这里插入图片描述

legend: {
   
            orient: 'vertical',
            left: 'center',
            bottom:'bottom',
            textStyle: {
   
                color: "#FFFF00"
            },
            data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
        },

底部右侧

在这里插入图片描述

legend: {
   
            orient: 'vertical',
            left: 'right',
            bottom:'bottom',
            textStyle: {
   
                color: "#FFFF00"
            },
            data: [

最低0.47元/天解锁文章

徊忆羽菲

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何设置echart图例legend的位置

如何设置echart图例legend的位置常见legend位置底部居中底部右侧改变颜色改变间隔改变图例宽度高度边框颜色改变图例内边距常见legend位置底部居中legend: { orient: 'vertical', left: 'center', bottom:'bottom', textStyle: { color: "#FFFF00" },
复制链接

扫一扫