sidney
前端开发
·2025-05-13
5月13号入职某公司第48天: 1.处理散点图圆点重叠的问题 合并展示 tooltip: { trigger: "item", formatter: function(params) { // 当前点的 x, y const [teu, etaChangeCount] = params.data.value; // 找出所有和当前点重叠的数据 const samePoints = this.carrierLevelInfo.filter( item => Math.abs(item.teu - teu) <= 10 && Math.abs(item.etaChangeCount - etaChangeCount) <= 10 ); // 合并展示 let content = "<div>"; samePoints.forEach((carrier, index) => { content += ` <div style=" padding: 8px; background: #f8f9fa; border-radius: 4px; margin-bottom: 4px; "> <div style="font-weight: 600; color: #2c3e50; margin-bottom: 4px;"> ${carrier.carrier} </div> <div style="display: flex; justify-content: space-between; font-size: 12px; color: #666;"> <div> <span style="color: #188df0;">TEU:</span> <span style="margin-left: 4px; font-weight: 500;">${ carrier.teu }</span> </div>    <div> <span style="color: #188df0;">ETA Changed Count:</span> <span style="margin-left: 4px; font-weight: 500;">${ carrier.etaChangeCount }</span> </div> </div> </div> `; }); content += "</div>"; return content; }.bind(this) }, 2.ACG版本performance上线准备工作 3.新项目接口联调工作
0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP