formatter: function (params) {
var str = '';
switch (params) {
case '学习度':
str = '{d|}' + params + '';
break;
case '完成度':
str = '{c|}\n' + params;
break;
case '成就度':
str = '{b|}\n' + params;
break;
case '贡献度':
str = '{a|}\n' + params;
break;
case '参与度':
str = '{e|}\n' + params;
break;
}
return str;
},
formatter: function(params) {
var result = ''
var dotHtml = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#1197b8"></span>'
params.forEach(function (item) {
result += item.axisValue + "</br>" + dotHtml + item.data
})
return result}
tooltip: {
trigger: 'axis',
backgroundColor: '#FFFFFF',
borderColor: '#EEF1F7',
borderWidth: 1,
textStyle: {
width: 160,
height: 250,
lineHeight: 24,
color: '#666666',
fontSize: '14',
fontFamily: 'SourceHanSansCN-Normal'
},
formatter: params => {
// 获取xAxis data中的数据
let dataStr = `<div><p style="font-weight:bold;margin:0 8px 15px;">${params[0].name}</p></div>`
params.forEach(item => {
dataStr += `<div>
<div style="margin: 0 8px;">
// 获取图标(小圆点)颜色，并且自定义样式为正方形，即要改变小圆点，只需重写marker的html片段，并修改样式即可
<span style="display:inline-block;margin-right:5px;width:10px;height:10px;background-color:${item.color};"></span>
// 获取seriersName
<span>${item.seriesName}</span>
// 获取series中data
<span style="float:right;color:#000000;margin-left:20px;">${item.data}</span>
</div>
</div>`
})
return dataStr
}
},