Echarts tooltip不影响其样式地给文字加单位

最新推荐文章于 2024-09-25 17:59:19 发布

原创最新推荐文章于 2024-09-25 17:59:19 发布 · 750 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在ECharts中不改变Tooltip样式的情况下为数据显示单位，如KWh，并解决Tooltip溢出容器被截断的问题。通过使用formatter函数，可以灵活地在Tooltip中显示带有单位的数据，同时利用confine:true配置项确保Tooltip完全显示在图表容器内。

Echarts tooltip不影响其样式地给文字加单位

代码：

formatter: function (params) {
   var result = params[0].name + "<br>";
   params.forEach(function (item) {
       if (item.value) {
           result += item.marker + " " + item.seriesName + " : " + item.value + "KWh</br>";
       } else {
           result += item.marker + " " + item.seriesName + " :  - </br>";
       }
   });
   return result;
}

Echarts tooltip溢出容器被截掉怎么处理