1、解决方法:
①在data处加入'',
②如果文字较长可以截取部分缩略显示
③分页显示
2、源码及效果展示:
第①种
legend: {
left: 'center',
padding:[10,50],
backgroundColor:'yellow',
borderColor:'red',
borderWidth:2,
data: ['访问','营销','广告','视频','搜索','','直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
第②种
legend: {
left: 'center',
padding:[10,50],
formatter: function (name) {
return echarts.format.truncateText(name, 50, '14px Microsoft Yahei', '…');
},
tooltip: {
show: true
},
// itemGap:100,
//width:800,
backgroundColor:'yellow',
borderColor:'red',
borderWidth:2,
data: ['访问','营销','广告','视频','搜索','','直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
第③种
legend: {
type:'scroll',
left: 'center',
padding:[10,50],
width:400,
pageButtonGap:40,
backgroundColor:'yellow',
borderColor:'red',
borderWidth:2,
data: ['访问','营销','广告','视频','搜索','直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},