【原創】Echarts :說說formatter自定義toolTip內容後,顏色丟失

在使用Echarts的時候,經常會碰見需要自定義toolTip顯示內容的需求,

常見的就是使用formatter(params) {}函數進行拼接,不清楚的可以看官網介紹

但是使用formater進行自定義顯示後,會出現樣式丟失的情況,就是顯示內容全都是白色了,這裏提供兩種方法進行參考

一、在formatter中使用富文本進行編輯

formatter: function (params) {
    var str = "<span style='color: #ff0000'>" + params[0].name + "</span><br/>" 
}

下面就循環添加要展示的信息

二、重新添加默認圓點,默認會有提示顏色

formatter: function (params) {
    var str = "<span style='color: #ff0000'>" + params[0].name + "</span><br/>" 
    for (let i = 0;i < params.length;i ++) {
        str += params[i].marker + params[i].value ...
    }
}

這樣子原本默認展示的圓點也就回來了,其實這個marker也是富文本添加的樣式,本質上和方法一沒有太大區別

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