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;
}
