前端开发
·2025-05-135月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.新项目接口联调工作
4
0
分享
操作
评论
问答助学
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
