echarts图例样式单独设置

分两组不同的样式

legend:[
    {
        textStyle:{
            color: 'rgba(255, 255, 255, 0.8)'
        },
        top:'5%',
        icon:'rect',
        left:0,
        itemWidth:15,
        itemHeight:2,
        itemGap:30,
        data:['111','222','333','444']
    },
    {
        textStyle:{
            color: 'rgba(255, 255, 255, 0.8)'
        },
        top:'5%',
        left:0,
        icon:'rect',
        itemWidth:30,
        itemHeight:1,
        itemGap:20,
        data:['\n','555','666'] // '\n'可以换行
    }
]

不同图例增加不同图标

legend:[
    {
        textStyle:{
            color: 'rgba(255, 255, 255, 0.8)'
        },
        top:'5%',
        icon:'image://' + IMG, // IMG是引入的图片
        left:0,
        itemWidth:15,
        itemHeight:2,
        itemGap:30,
        data:['111']
    },
    {
        textStyle:{
            color: 'rgba(255, 255, 255, 0.8)'
        },
        top:'5%',
        left:0,
        icon:'image://' + IMG1, // IMG是引入的图片
        itemWidth:30,
        itemHeight:1,
        itemGap:20,
        data:['222']
    }
]

你可能感兴趣的:(echarts,echarts,图例)