echarts图表自定义tooltip提示框样式

回调函数以字符串拼接tooltip提示框样式

echarts option中对tooltip属性设置：

tooltip: {
	trigger: 'axis',	//tooltip触发条件 坐标轴
    axisPointer: {
	    lineStyle: {
	    	color: '#57617B'	//显示竖线颜色
	    }
     },
     backgroundColor:'#05042C',	//tooltip背景色
     borderColor:'#2BEDF6',		//tooltip边框颜色
     borderWidth:2,
     formatter: function (param) {	//自定义tooltip内容 
     	var text = '';
        text += '<div style="display:flex;flex-direction:row;">'+
        			'<div style="background-color:#03D16D;height:auto;width:10px;margin-right:5px;"></div>'+
	        		'<div style="display:flex;flex-direction:column;">'+
	        			'<span>'+ param[0].value+'</span>'+
	        			'<span>'+ param[0].axisValue+'</span>'
	                '</div>'
	            '</div>'
       return text;
    }
},

字符串模板

折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）

散点图（气泡）图 : {a}（系列名称），{b}（数据名称），{c}（数值数组）, {d}（无）

地图 : {a}（系列名称），{b}（区域名称），{c}（合并数值）, {d}（无）

饼图、仪表盘、漏斗图: {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）

formatter:'{c}<br/>{b}'