echarts自定义tooltip鼠标滑过显示的数据样式

有时候当展示的数据过多，或者分类过多会超出图表而显示不全，如果可定义换行和宽度高度则可以解决一些问题

先看展示遇到的情况如下图

改后的效果如下图：

 

需要设置的代码如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13

tooltip: {             trigger: 'axis',             formatter: function(params) {//自定义划过显示样式                // console.log(params);//params为滑过显示的数据信息                 var str = '';                for (var i = 0; i < params.length; i++) {                     str += '<p class="fl" style="width:140px;">'+params[i].marker+params[i].seriesName+':'+params[i].value+'</p>';                             }                var tooltipHtml = '<div style="width:840px;overflow-y:auto">'+params[0].axisValue+str+'</div>';                return tooltipHtml;             },             position:['15%','20%'],//显示的位置         },