echarts修改legend样式(正方形、矩形、圆形等等)

代码:

legend: {
     itemHeight: 24,
     itemWidth: 24,
     data: [
        {
           name: '修边比例',
           icon: 'rect',
        },
        {
           name: '平均门幅',
           icon: 'rect',
        }
     ]
},

其他自带形状

icon

展示

circle

圆形

rect

矩形

roundRect

圆角矩形

triangle

三角形

diamond

菱形

pin

水滴

arrow

箭头

none

不显示图标

       color:['#1DD6CF','#ED8DD0'],
       legend: {
       itemHeight  :9,//改变圆圈大小
       textStyle:{
            fontSize:14,
            color:'#B6B9BE',
            rich:{
              b:{color:'red'}
       }
       },
       left:240,
       top:10,
       borderColor :'yellow',
       icon: 'circle',
有几个图例就写几个数组的color
icon是改变echarts里面的形状    circle是圆形

你可能感兴趣的:(echarts,前端,javascript)