在使用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也是富文本添加的樣式,本質上和方法一沒有太大區別