← 返回 Web 词条

图表

Web需自己实现

Web 原生没有这个

网页没有原生图表组件,通常用矢量图、画布或图表库绘制,并另行提供可访问的数据说明。

通常怎么做:简单图表可用 SVG 绘制;复杂图表使用经过验证的库,同时提供表格或文字摘要。

适用范围:桌面与移动端现代浏览器

社区一般叫它 Chart · Data Visualization

它把数值关系画成柱、线、点或其他图形,帮助用户比较大小和看出变化。

  • 把数字画成柱子和曲线的图
  • 用一根根柱子看高低的东西
  • 能看出数据变化趋势的图
  • 数据图表
  • 统计图
  • 可视化图形

其他平台的相似实现

Android需自己实现
该平台没有原生实现

Android Framework 和通用 Material 3 没有图表组件,需要自绘或使用第三方图表库。

看 Android 视角 →

使用规范

什么时候用

  • 用户需要比较数量、观察趋势、分布或组成关系

什么时候别用

  • 只有一个数字、图形无法比文字更清楚,或没有可访问的替代说明

Web 出处

查看 Web / iOS / Android 完整对照 →