面积图 area

折线图的"强调量感"变体:折线下方填充渐变面,适合表达累计量、体量随时间的膨胀趋势。

何时使用

  • 看趋势的同时想强调数值规模(如 DAU 总量、营收体量);
  • 单系列面积最清晰;多系列面积叠加时注意遮挡,系列多建议改用折线图。

示例

数据模型与折线图完全一致:labels + series,把 type 换成 area 即可。

配置要点

  • series 项同样支持 color 指定主色,面积渐变随主色生成;
  • 系列多、互相遮挡时回退折线图
  • 固定量纲对比:yAxis: { min: 0, max: n }

相关