前言
项目使用echarts过程中,鼠标移上去,悬浮框显示的内容太多,导致显示不全,或者需要自定义显示内容时,如何解决?现在提供一个简单的方法
简单示例
代码如下(示例):
tooltip: {
trigger: 'item',
enterable:true, // 重点:需要配这个项
position:['20%','20%'],
formatter:function(params){
var str = '';
for (var i = 0; i < 20; i++) {
str += '<p>这里很多很多内容</p>';
}
var tooltipHtml = '<div style="width:150px;max-height:200px;overflow-y:auto">'+str+'</div>';
return tooltipHtml;
}
},
效果
总结
enterable:true, // 重点:需要配这个项,不然鼠标无法去滚动滚动条