图表

折线、柱状、饼图、雷达等常用统计图表及其交互。

技术栈: Canvas 2D, 坐标映射, DemoControls

• 折线图 — 把每个数据点按顺序连成线，看数值怎么随时间涨跌；可调平滑程度和虚线。
• 多序列折线 — 多数据集折线对比。
• 面积图 — 面积图 = 折线 + 下方填色，强调累计体量而不只是走势。
• 阶梯折线 — 阶梯折线：数值在下一个点之前保持不变，再突然跳变，适合表示档位、价格调整。
• 柱状图 — 柱高表示数值大小，类别排在横轴。
• 横向柱图 — 把柱横过来，类别名更易读，适合排名榜。
• 堆叠柱图 — 一根柱里叠多种构成，总高是合计，颜色分段是部分。
• 堆叠面积 — 多层面积上下相叠，总高度是总和，颜色带表示各部分贡献。
• 分组柱图 — 同一类别并排多根柱，直接比不同系列在该类别上的差异。
• 饼图 — 圆被切成扇形，角度 ∝ 占比。
• 环形图 — 环形图：中间挖空的饼图，每段弧长代表占比，中心可以放总数。
• 雷达图 — 多个维度围成多边形，形状越满综合越强，适合能力模型。
• 极坐标面积 — 每瓣半径表示数值，角度均分，像雷达的「饼」版本。
• 散点图 — 每个点是一个样本的 (x,y)，看相关与离群点。
• 气泡图 — 散点 + 半径表示第三变量，气泡越大该维越大。
• 混合图 — 柱状图和折线图画在同一张图里：柱子看数量，折线看趋势。
• 迷你折线 — 迷你走势图：没有坐标轴的小折线，放在表格或卡片里一眼看出涨跌。
• 仪表盘 — 仪表盘：半个圆环当刻度，指针转到的角度 = 当前值占最大值的比例。
• 进度环 — 完整圆环表示 0~100% 完成度。
• 瀑布图 — 从起点出发，每一步加减，最后落到终点，用来拆解利润变化。
• 组合图 — 组合图把柱与线（或面积）编在同一坐标系，适合仪表盘总览。
• 对数折线 — Logarithmic scale。
• 横向堆叠 — Horizontal stacked。
• 密度柱 — 很多细柱排在一起，像直方图，看出分布疏密。
• 实时流图 — Realtime streaming。
• 雷达对比 — 两层雷达叠加，对比两组评分的覆盖差异。
• 图例环形 — 环形图 + 右侧图例，会议投影时更清晰。
• 柱线双轴 — 双坐标轴：左边轴给柱子用，右边轴给折线用，两种单位不同的数据放一起比较。
• 分离饼图 — 分离饼图：把某一块扇形沿半径方向往外推，突出重点类别。
• 气泡矩阵 — 气泡图：每个圆的面积代表数值大小，位置代表另外两个维度。
• 迷你柱列 — 迷你柱列嵌在报表里，比数字更直观的近期波动。
• 区间面积 — 上下两条边界围成的带状区域，常表示置信区间或温度高低范围。
• 分类占比 — 面向品类/渠道占比的饼图预设。
• 工作日对比 — 周一到周日的分组对比，适合看工作日/周末差异。
• KPI 环 — KPI 环形进度：圆环填满的比例 = 完成值 ÷ 目标值，中间显示百分比。
• Canvas 迷你趋势 — Canvas sparkline。
• Canvas 仪表 — Canvas 仪表盘。
• Canvas 堆叠 — Canvas 堆叠图。