Ehcart tooltip數據量過大顯示數據問題

想必大家會遇到大數據量的時候,鼠標移入的時候tooltip提示可能會浮出div造成部分數據看不到的問題.
比如這個樣子:

當你鼠標向上移動的時候 tooltip顯示也會向上 數據就看不到了。
此時一個屬性就可以搞定

tooltip:{
		trigger:'axis',
		confine:true // 可以將tooltip顯示的位置固定
	}

但是數據量還是很多 超過你下方的div 甚至超過顯示的界面 還是會遮擋看不到,怎麼辦?
我想了一下 是不是弄成一個下拉的 就可以搞定了,可是你輸入進入不了tooltip這個裏面,就
沒有辦法實現下拉了,當然這是它裏面的屬性都是可以解決的.

 tooltip: {
            trigger: 'axis',
            confine :true,
            enterable :true,//鼠標可以移入tooltip裏
            extraCssText:'max-height:400px;overflow:auto;font-size:12px;' //向div一樣設置最大高度,超出滾動
        }

然後就解決了!!!
在這裏插入圖片描述
怎麼說呢,大數據量的時候 tooltip提示就顯得沒用了,既然要看 我就只能這樣解決了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章