echarts 對提示框數據（tooltip）使用 formatter 進行修改后，前面的小圓點不見了

需求：

如下圖所示，我需要對提示框數據進行處理，使其數據都為整數，但是在使用 formatter 處理后，發現前面的顏色小圓點不見了！

 

解決：

通過打印 formatter 的 params 參數可以看到有個 marker 屬性描繪的是小圓點的標簽和樣式！所以在下面代碼高亮位置加入 params[i].marker 即可正常顯示。

完整代碼如下：

tooltip: {
  trigger: 'axis',
  axisPointer: {
    type: 'line', // 默認為直線，可選為：'line' | 'shadow'
  },
  formatter(params) {
    let str = '';
    str += `<div>${params[0].name}</div>`;
    for (let i = 0; i < params.length; i += 1) {
      str += `${params[i].marker} <span>${params[i].seriesName}</span> : <span>${params[i].data ? Math.round(params[i].data) : '0'
      }</br>`;
    }
    return str;
  }
}

其實這樣的操作我在上一篇文章 “echarts柱狀圖的相關應用指南” 2.自定義彈窗內容中有使用過哦，但是可能當時看的時候關注點並不在小圓點上，所以還是單獨拎出來描述更加清晰明了一點。

好啦，就醬啦 ~  完結撒花