信息图通过视觉语言压缩文字信息,让读者用最短时间抓住重点。本节在快速上手的基础上,补充完整的配置示例与要点说明。
下面是一个包含自定义设计、主题和资源加载的完整示例:
代码说明:
- 资源加载器:通过
registerResourceLoader从 Iconify 按需拉取 SVG。 - 编辑器:设置
editable: true启用交互式编辑功能。 - 设计:
design字段自定义标题、结构与数据项类型及参数。 - 主题:切换暗色主题并用
themeConfig配置色板、字体、风格化。 - 数据:传入标题与数据项(标签、描述、时间、图标)。
这里没有使用 template 字段,而是直接给出设计配置。可以把模板理解为一组预置的 design 与主题组合,便于快捷调用。
更多细节可继续阅读: