Echarts 3D饼图鼠标悬浮tooltip与数据对应不上

wulicoo

已于 2023-01-30 16:32:18 修改

阅读量581

点赞数

分类专栏： echarts-bug 文章标签： echarts bug

于 2023-01-30 16:23:20 首次发布

本文链接：https://blog.csdn.net/wl1256917083/article/details/128804687

版权

echarts-bug 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Echarts 3D饼图鼠标悬浮tooltip与数据对应不上

两边对应不上

tooltip代码

tooltip: {
          show: true,
          trigger: 'item',
          formatter: (params) => {
            if (params.seriesName !== "mouseoutSeries") {
              return `${
                params.seriesName
              }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
                params.color
              };"></span>${option.series[params.seriesIndex].pieData.value}`;
            }
            console.log('传入',option.series[params.seriesIndex]);
            // console.log('3D值',option.series[params.seriesIndex-1].pieData.value);
          },
        },

发现悬浮显示的是后面一个的值，就减一

代码

 tooltip: {
          show: true,
          trigger: 'item',
          formatter: (params) => {
            if (params.seriesName !== "mouseoutSeries") {
              return `${
                params.seriesName
              }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
                params.color
              };"></span>${option.series[params.seriesIndex-1].pieData.value}`;
            }
          },
        },