echarts中配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小等基础配置

蓝胖子的多啦A梦

已于 2023-06-19 16:24:32 修改

阅读量8.6k

点赞数 2

分类专栏：修改默认样式 echarts 文章标签： echarts 前端 javascript

于 2022-12-29 09:36:56 首次发布

本文链接：https://blog.csdn.net/Maxueyingying/article/details/128476459

版权

修改默认样式同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

echarts

16 篇文章 1 订阅

订阅专栏

代码及注释

var option ={
        legend: {
          bottom: '5%',//图例距离整个容器底部的距离
          left: 'center',//图例距离整个容器左边
          data: ['完成', '较好', '一般', '较差', '无进展'],//图例文字内容
          icon: "circle",//设置图例图标的形状为实心圆，这个不填，默认是矩形
          itemHeight: 9,//图例图标的高度
          itemWidth:9,//图例图标的宽度
          itemGap: 25,//每个图例之间的间距
          textStyle: {
           fontSize: 12,//图例文字字体大小
           color: '#8A90A3'//图例文字颜色
          },
        },
    }