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

echarts的tooltip里這條豎線的高度不能設(shè)置嗎

JavaScript

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

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

查看完整描述

1 回答

炎炎設(shè)計(jì)

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊

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

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

反對回復(fù) 2018-08-26