echarts使用记录

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添加上去即可,然后对应实现线条切换方法

posted @ 2017-06-20 17:29  testForever  阅读(286)  评论(0编辑  收藏  举报