echart tooltip显示菜单单位

1523933773(1).jpg

 tooltip: {
            trigger: 'axis',
            formatter:function(params)
            {
                console.log(params);
                var relVal = params[0].name;
                for (var i = 0; i < params.length; i++) {
                    relVal += '<div class="circle" ><span style="background:'+params[i].color+'"></span>'+ params[i].seriesName + ' : ' + params[i].value+"%</div>";
                }
                return relVal;
            }
        }

params是一个包含项目的数组，循环是这么来的

image.png

然后完了每个项目之前的小圆点是根据class名css加的

 .reportChartCon .circle{
            font-size: .8rem;
        }
        .reportChartCon .circle>span{
            display: inline-block;
            height: 6px;
            width: 6px;
            margin-right: 5px;
            vertical-align: middle;
            border-radius: 3px;
        }