• 场景:可视化大屏编辑器。一块画布上可能同时存在几十个 ECharts 图表,用户会任意拖拽、缩放组件尺寸,图表还会定时轮询实时数据、跨图表联动高亮。在这样的高频 `setOption` + 频繁 `resize` 环境下,我遇到了两个非常典型、但官方文档几乎不讲的"玄学"问题。本文把它们的根因和工程化解法完整记录下来。下图是这套大屏编辑器的整体界面:左侧组件库、中间可自由拖拽缩放的画布、右侧配置面板。本文的两个问题都发生在中间画布的图表上。
    • 5天前
  • 场景:可视化大屏编辑器。用户(往往是不太懂前端的运营/数据同学)要把自己业务系统的接口数据接到一个图表组件上。 传统做法是让用户手填 URL、Method、Header、Params、Body……一堆表单,填错一个字段就调不通,体验极差。本文介绍我们是怎么把这件事变成"从浏览器/Postman 复制一段 curl 命令,粘贴进来,一键填充,再写几行 JS 过滤一下数据"的完整链路的。涉及三块:curl 解析器、Monaco 数据过滤器
    • 5天前
  • 1