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

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

echarts图表自定义tooltip提示框样式_第1张图片
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 += '
'+ '
'
+ '
'+ ''+ param[0].value+''+ ''+ param[0].axisValue+'' '
'
'
'
return text; } },

字符串模板

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

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

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

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

formatter:'{c}
{b}'

你可能感兴趣的:(echarts)