Echarts自定义tooltip

最新推荐文章于 2024-07-12 17:36:05 发布

一杯清酒.

最新推荐文章于 2024-07-12 17:36:05 发布

阅读量260

点赞数 1

分类专栏：前端项目总结文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/qq_45827004/article/details/139524284

版权

前端项目总结专栏收录该内容

18 篇文章 0 订阅

订阅专栏

名称左对齐，数据右对齐

  tooltip: {
          trigger: 'item',
          formatter: function (params) {
            let mileage = params.data.value;
            let tooltipContent = mileage
              .map(function (item, index) {
                return `  
        <div style="display: flex; justify-content: space-between; align-items: center;">  
          <div style="text-align: left;">${orgList[index].text}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>  
          <div style="text-align: right;">${item}</div>  
        </div>  
      `;
              })
              .join('');
            return `<div>${tooltipContent}</div>`;
          },
          position: ['50%', '50%'],
        },