echarts lenged 形状设置

1.echarts lenged 形状设置:

1.可以使用icon分别设置形状等:

//标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有:'circle' | 'rectangle' | 'triangle' | 'diamond' |'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'另外,还支持五种更特别的标志图形'heart'(心形)、'droplet'(水滴)、'pin'(标注)、'arrow'(箭头)和'star'(五角星),这并不出现在常规的8类图形中,但无论是在系列级还是数据级上你都可以指定使用,同时,'star' + n(n>=3)可变化出N角星,如指定为'star6'则可以显示6角星.

2.可以分别设置字体,颜色等

       legend: {
          itemWidth: 9,
          itemGap: 30,
          data: [
            {name:"0出勤",icon:"emptyCircle", 
       textStyle: {fontWeight: 'bold', color: 'green'},
            {name:"未排班"},
            {name:"達標"},
            {name:"未達標"},
          ],
          right: 50, //右邊距
          top: 10, // 上邊距
          bottom:15
        },

2.在series里面通过symbol可以设置图标的样式

 series: [ 
          { 
          name: '0', 
          type: 'scatter',
          symbol: "emptyCircle", 
          itemStyle: {
            normal: {
              color:"#ff9018",
              // borderColor:"#ff9018",
              // borderWidth:2,
            }
          }, 
          symbolSize: function(val) { 
            return val[2] * 38; 
          }, 
          data: d, 
          animationDelay: function(idx) { 
            return idx * 5; 
          } 
        }, 
        { 
          name: '達標', 
          type: 'scatter', 
          symbolSize: function(val) { 
            return val[2] * 38; 
          }, 
          data: b,
          color:"#49a1ff", 
          animationDelay: function(idx) { 
            return idx * 5; 
          } 
        }, 
        { 
          name: '未達標', 
          color:"#ff9018",
        type: 'scatter', 
        symbolSize: function(val) { 
          return val[2] * 38; 
        }, 
        data: c, 
        animationDelay: function(idx) { 
          return idx * 5; 
        } 
      },
        ] 

 

猜你喜欢

转载自blog.csdn.net/yang__k/article/details/89497063