echarts tooltip 氣泡自定義

tooltip: {
	trigger: 'axis',
	formatter(params) {
		let firstParams = params[0];
		let sndParams = params[1];
                //顯示的小圓點
		let firstHtml = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;' +
			'height:10px;background-color:rgb(215,42,38)"></span>'
		let sndHtml = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;' +
			'height:10px;background-color:rgb(44,71,85)"></span>'
		if(sndParams === undefined) {
			if(firstParams.seriesName == '蒸發量') {
				return firstParams.name + ':<br>' + firstHtml + firstParams.seriesName + '/' + firstParams.value;
		        } else {
				return firstParams.name + ':<br>' + sndHtml + firstParams.seriesName + '/' + firstParams.value;
			}
		} else {
			return firstParams.name + ":<br>" + firstHtml + firstParams.seriesName + "/" + firstParams.value +
				'<br>' + sndHtml + sndParams.seriesName + '/' + sndParams.value;
		}　　
	}
},

　效果圖：

 

 

 補充： 官方的字符串模板對應的字段

{a} == firstParams.name

{b} == firstParams.seriesName

{c} == firstParams.data