echarts柱状图legend分2行排列

/*
* 讲legend分成2个,然后排列方式变成水平排列,最后使用
* bottom来将 2者区分开
*/


  legend:[{
                        orient: 'horizontal',
                        itemWidth: 10,
                        itemHeight: 10,
                        left:'2%',
                        bottom:'10%',
                        data: ['一次电话随访', '二次电话随访']  
                        },
                        {
                            orient: 'horizontal',//水平排列。(vertical为垂直排列}
                            itemWidth: 10,
                            itemHeight:10,
                            left:'2%',
                            bottom:'bottom',
                            data: ['三次电话随访', '四次及以上']
                        },
                    ],

实现效果:
echarts柱状图legend分2行排列_第1张图片

你可能感兴趣的:(Vue学习日志)