echarts中lengend过长时需要自定义legend的样式,搜索了下echarts目前并不支持legend过长时的显示自适应,需要自己添加legend到charts下面,否则就会过长被截断。
贴个代码记录下:
if (legendNames.length<=0) return;
var str = "";
for(var i in legendNames){
var tempName = legendNames[i];
var color = mychart.getModel().getSeriesByIndex(parseInt(i)).getData().getVisual('color');//此处根据echarts的api获取对应legend的颜色
str+="<li class='legendelement z-selected'><span class='myLegend' style='background:"+color+"'></span><span class='name' data-action='selectLegend'
>"+tempName+"</span></li>";
}
$("#mylegend ul").html(str);
通过这种方式将legend添加上去即可,然后对应实现线条切换方法