格子越深,表示该主题在这项指标上越高。
清晰85
说服60
密度48
制作成本28
作业适配86
工作适配88
低高
简短问答
什么时候选Chart.js 快速图表?
故事符合「内部工具、学生网络项目、轻量级营销页面」时选用。
什么时候避开?
遇到「您只需要地图、桑基或出版级矢量导出」就换形式。
谁发明或推广了它?
Chart.js 成为 MIT 网络默认入门图表
它编码什么?
来自小配置对象的画布绘制标记
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
Chart.js 快速图表把值编码为来自小配置对象的画布绘制标记。Chart.js 成为 MIT 网络默认入门图表。
工作报告、广告与作业中适合「内部工具、学生网络项目、轻量级营销页面」。若「您只需要地图、桑基或出版级矢量导出」,换一种形式。
部分
- 标记 — Chart.js 快速图表的核心标记是来自小配置对象的画布绘制标记。
- 尺度 — 尺度必须标出零点(或声明的断轴)和单位。
- 轴 — 轴标题写的是变量,不是情绪。
- 图例 — 图例弱于直接标注。能写在标记旁边就写在旁边。
- 标签 — 数字可有可无。若目的是比较,只标端点。
- 网格 — 网格要淡。数据应占有墨水。
- 注释 — 注释一句即可。写上来源和时段。
- 外框 — 外框要细。不要用三维盒子。
变体
- 画布图表 — Chart.js 快速图表的变体 1(画布图表)。同一编码,不同布局。
- 麻省理工学院网络图表 — Chart.js 快速图表的变体 2(麻省理工学院网络图表)。同一编码,不同布局。
- 简单的仪表板 — Chart.js 快速图表的变体 3(简单的仪表板)。同一编码,不同布局。
- Chart.js 快速图表 4 — Chart.js 快速图表的变体 4(Chart.js 快速图表 4)。同一编码,不同布局。
标签
- 轴 — 在Chart.js 快速图表上把标记写清楚。
- 图例 — 在Chart.js 快速图表上把尺度写清楚。
- 标签 — 在Chart.js 快速图表上把轴写清楚。
- 网格 — 在Chart.js 快速图表上把图例写清楚。
- 注释 — 在Chart.js 快速图表上把标签写清楚。
Chart.js 快速图表:守住来自小配置对象的画布绘制标记,「您只需要地图、桑基或出版级矢量导出」时换图。