echarts中legend换行居中

option = {    
    legend: [
        {
            x:'center',
            data:['第一项','第二项','第三项'],
        },
        {
            x:'center',
            top:'3%',
            data:['第四项','第五项'],
        }
    ],
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['2月','3月','4月','5月','6月','7月'],
            splitLine : {
                show:true,
            }
        }
    ],
    yAxis : [
        {
            min: 0,
            max: 600,
            interval: 100,
            type : 'value',
            splitLine : {
                show:true,
            }
        }
    ],
    color: ['#aaa', '#f69c00', '#4d8ef0','#f6be0e','#26b4fd'],
    series : [
        {
            name:'第一项',
            type:'line',
            stack: '总量',
            areaStyle: {normal: {}},
            symbolSize: 10,
            data:[20, 10, 25, 10, 50, 65]
        },
        {
            name:'第二项',
            type:'line',
            stack: '总量',
            symbolSize: 10,
            areaStyle: {normal: {}},
            data:[50, 55, 70, 50, 70, 60]
        },
        {
            name:'第三项',
            type:'line',
            stack: '总量',
            symbolSize: 10,
            areaStyle: {normal: {}},
            data:[30, 35, 40, 50, 40, 50]
        },
        {            
            name:'第四项',
            type:'line',
            stack: '总量',
            symbolSize: 10,
            areaStyle: {normal: {}},
            data:[90,60, 85, 70, 90, 80]
        },
        {
            name:'第五项',
            type:'line',
            stack: '总量',
            symbolSize: 10,
            areaStyle: {normal: {}},
            data:[110, 100, 75, 80, 120, 130]
        }
    ]
};
 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值