ApexCharts:ShowSharedTooltiponoverlappingyvalues（ApexCharts：展示重叠y值的共享提示）
创始人
2024-11-10 02:00:16
0次

在 tooltip 的配置选项中设置 shared: true，就可以启用共享 tooltip。但是，如果存在 y 值相同的数据点，则默认情况下共享 tooltip 不会显示。要显示重叠的 y 值的共享 tooltip，可以在 tooltip 的 formatter 函数中手动添加数据点的信息，并用换行符分隔它们。

以下是示例代码：

tooltip: {
  shared: true,
  formatter: function (series, { seriesIndex, dataPointIndex, w }) {
    let tooltipText = w.globals.labels[dataPointIndex] + '
';

    for (let i = 0; i < series.length; i++) {
      const dataPoint = series[i][dataPointIndex];
      tooltipText += w.globals.seriesNames[i] + ": " + dataPoint + '
';
    }

    return tooltipText;
  }
}

上一篇：ApexCharts:雷达图的填充和描边

下一篇：ApexCharts标签的onclick事件如何实现

相关内容

热门资讯

现场直击！鱼虾蟹透视视频教程，... 现场直击！鱼虾蟹透视视频教程，新海贝之城app破解，指南教程（有挂方法）-哔哩哔哩1、每一步都需要思...
透视辅助！德普软件，德普之星透... 透视辅助！德普软件，德普之星透视辅助插件（透视）其实是有挂（有挂讲解）-哔哩哔哩1、德普之星透视辅助...
近日！川南九九辅助，微信小程序... 近日！川南九九辅助，微信小程序微乐陕西挖坑，模板教程（有挂方略）-哔哩哔哩运微信小程序微乐陕西挖坑辅...
透视透视挂！德普之星透视免费，... 透视透视挂！德普之星透视免费，德普之星辅助器（透视）原来真的有挂（有挂规律）-哔哩哔哩1、超多福利：...
受玩家影响！新荣耀大厅控制器，... 受玩家影响！新荣耀大厅控制器，新上游修改器，方针教程（有挂神器）-哔哩哔哩1、完成新荣耀大厅控制器辅...
透视软件！德普之星透视辅助插件... 透视软件！德普之星透视辅助插件，德普辅助器怎么用（透视）好像存在有挂（有挂头条）-哔哩哔哩1、首先打...
据统计！辅助定制交易平台，hh... 据统计！辅助定制交易平台，hhpoker俱乐部是干嘛的，教程书教程（有挂讲解）-哔哩哔哩hhpoke...
透视科技！德普辅助器怎么用，德... 透视科技！德普辅助器怎么用，德普之星怎么设置埋牌（透视）真是有挂（有挂教学）-哔哩哔哩1.德普之星怎...
不少玩家反映！潮汕汇挂，广东麻... 不少玩家反映！潮汕汇挂，广东麻雀有什么技巧，模块教程（有挂存在）-哔哩哔哩1、实时广东麻雀有什么技巧...
透视透视挂！德普辅助器怎么用，... 透视透视挂！德普辅助器怎么用，德普之星透视辅助软件激活码（透视）真是是有挂（新版有挂）-哔哩哔哩1、...