先上效果图：

相关代码：

tooltip : {
	trigger: 'axis',
	formatter : function(param){
		var html = param[0].axisValue + '<br/>';
		for(var index in param){
			var seriesName = param[index].seriesName;
			var value = param[index].value;
			html += (((index % 3) == 0 && index !=0 ) ? "<br/>" : "");
			html += seriesName + ' : ' + value + "% ；";
		}
		return html;
	},
	backgroundColor: '#F7F9FB',
	borderColor: '#92DAFF',
	borderWidth: '1px',
	axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
	},
	textStyle:{
		color:'#000',
		align:'left'
	},
	position: function (pos, params, dom, rect, size) {
                    // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
                    var obj = {top: 0};
                    obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
                    return obj;
	}
},

请您注意

·自觉遵守：爱国、守法、自律、真实、文明的原则
·尊重网上道德，遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品，NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款