zoukankan      html  css  js  c++  java
  • 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添加上去即可,然后对应实现线条切换方法

  • 相关阅读:
    栅格系统
    jq中文档的操作及正则的应用
    jq的简单操作
    jquery基础
    DOM&BOM
    布局和js的轮播图
    js中的事件
    js的高级操作
    js对页面的一些简单的操作
    第二章 ELKstack部署及配置
  • 原文地址:https://www.cnblogs.com/luckyflower/p/7055319.html
Copyright © 2011-2022 走看看