数据可视化仪表盘

技术说明

实现思路

• 所有图形都直接画在 Canvas 2D 上，没有引入图表库，体积不到 10KB。
• 数据用数组表示，渲染时根据类型选择『柱状』或『折线』绘制函数；切换时通过 requestAnimationFrame 对数值做缓动插值，得到平滑过渡。
• 为了适配移动端，画布尺寸随容器宽度变化，并在 resize 时重算坐标比例，保证高清屏不模糊（按 devicePixelRatio 放大）。