首頁猿問 echarts的tooltip里這...

echarts的tooltip里這條豎線的高度不能設置嗎

JavaScript

慕容3067478 2018-08-23 21:52:04

最近做圖表接入，了解了echarts，結(jié)果做到提示框遇到蠻多問題，基本都網(wǎng)上和文檔找到了，可是這個需求，有點難受一直解決不了?，F(xiàn)在我的效果是中間這個虛線是要問的重點！可是ui要得線條不是這樣會超出，圖表折現(xiàn)的，是不管怎么移動。。頂端都在圖表上粘著。。。需要的效果如圖：想問問這個需要設置什么嗎，還是說沒法調(diào)。還有就是那個三角形突出部分，是需要我自己寫css還是echarts也可以設置呢？（這個問題我還沒仔細查詢過）有了解這個問題的，如能做出解答，有一二分的啟發(fā)，也感激不盡！ps:當輔助線在左邊的時候，tooltip在右邊顯示，這樣就會導致，點到右邊8910的月份的時候，tooltip會超出手機最右邊。。。。

查看完整描述

1 回答

炎炎設計

TA貢獻1808條經(jīng)驗獲得超4個贊

tooltip: {    formatter: params => {        let str = '';        // str += `<h6 style="color:#fff;font-size:13px;margin:4px 0">${params[0].name}</h6>`;
        params.forEach(item => {            //可以完全自定義，你就當做畫html一樣就可以了，在這里面寫代碼
        });        return str;
    }
}

小三角需要自己畫，echarts沒有這種設置

反對回復 2018-08-26