首页 > 其他 > 详细

Echarts中legend图例组件的配置

时间:2020-07-01 13:13:15      阅读:110      评论:0      收藏:0      [点我收藏+]

  

legend: {
   orient: ‘vertical‘,//  垂直显示
         left: ‘70%‘,//距离左边位置
         y: ‘4%‘,// 距离上边位置
    itemHeight: 7, //修改icon图形大小
          icon: ‘circle‘,//图形形状(‘circle‘, ‘rect‘, ‘roundRect‘, ‘triangle‘, ‘diamond‘, ‘pin‘, ‘arrow‘, ‘none‘)
          textStyle: {// 样式设置
              fontSize: 12,
              color: ‘#989898‘
          },
    data: [‘深圳业务1部‘,‘深圳业务2部‘,‘深圳业务3部‘],
},

 

若要每个单独设置样式,则可写成:

legend: {
    data: [{
        name: ‘系列1‘,
        // 强制设置图形为圆。
        icon: ‘circle‘,
        // 设置文本为红色
        textStyle: {
            color: ‘red‘
        }
    }]
}

 

Echarts中legend图例组件的配置

原文:https://www.cnblogs.com/pyx-blog/p/13218521.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!