格子越深,表示该主题在这项指标上越高。
清晰78
说服72
密度82
制作成本55
作业适配48
工作适配95
低高
简短问答
什么时候选Apache ECharts 仪表板?
故事符合「运营仪表板、季度包、实时 KPI 墙」时选用。
什么时候避开?
遇到「PDF 中的单个静态栏就可以回答这个问题」就换形式。
谁发明或推广了它?
百度 ECharts 成为 GitHub 顶级可视化项目 Apache ECharts
它编码什么?
JSON 选项将数据集映射到笛卡尔、极坐标和图形视图
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
Apache ECharts 仪表板把值编码为JSON 选项将数据集映射到笛卡尔、极坐标和图形视图。百度 ECharts 成为 GitHub 顶级可视化项目 Apache ECharts。
工作报告、广告与作业中适合「运营仪表板、季度包、实时 KPI 墙」。若「PDF 中的单个静态栏就可以回答这个问题」,换一种形式。
软件
- Apache ECharts — Apache 旗下的全功能图表库。 · Apache-2.0 · github.com/apache/echarts
- ECharts examples — 复制模式,然后为您的受众进行简化。 · Apache-2.0 · github.com/apache/echarts-examples
- ECharts docs — 系列、轴和 VisualMap 的选项参考。 · Apache-2.0 · github.com/apache/echarts-doc
- D3 (custom marks) — 当 ECharts 选项无法表达故事时,请降至 D3。 · ISC · github.com/d3/d3
- Static SVG twin — 相同 KPI 故事的打印安全 SVG 双胞胎。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯(不要截图)
- 导出 4 — 网页用 SVG,印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1,大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
Apache ECharts 仪表板:守住JSON 选项将数据集映射到笛卡尔、极坐标和图形视图,「PDF 中的单个静态栏就可以回答这个问题」时换图。