旭日图生成器介绍
旭日图是「多层饼图」:内环是父级,外环是子级,扇区角度映射占比,点击任意扇区可下钻查看其内部构成,一张图讲清「大类占比多少、大类里小类怎么分」。
财务预算按「部门 → 科目」两级拆解、销售按「品类 → 品牌」分析、网站内容按「频道 → 栏目」统计流量,层级化占比数据用旭日图比多层饼图更直观,还能逐层点击探索。
基于 Apache ECharts 渲染,支持点击下钻与回到上级;数据为 JSON 树:每个节点含 name、value 与可选 children,value 可省略(自动汇总子节点),输入错误有提示,处理全程在本地完成。
使用步骤
- 1准备 JSON:按 {"name":"销售","children":[{"name":"华东","value":320}]} 的树形结构整理数据。
- 2粘贴生成:实时绘制旭日图,外环为子级构成。
- 3点击下钻:点击扇区聚焦该分支,再点中心返回全貌。
- 4导出使用:导出高清 PNG 用于层级分析汇报。
适用场景
- 预算拆解公司预算按部门 → 费用科目两级展示,看钱花在哪个分支。
- 品类分析销售额按品类 → 品牌 → SKU 逐层下钻。
- 流量结构站点流量按频道 → 栏目 → 内容类型分层统计。
- 组织统计集团按事业部 → 团队展示人员分布。
实用小贴士
- 先用「示例数据」格式做模板,再替换成真实数据最省事。
- 父节点写了 value 又有 children 时,以 children 汇总为准。
- 下钻状态下的导出图只包含当前聚焦分支,注意先回到全貌再导出。
常见问题
层级最多几层?
建议 2~3 层;层级过多时外环扇区过窄难以辨认,可把深层级合并为「其他」。
value 可以不写吗?
可以,只写 children 时父节点数值自动等于子节点之和;叶子节点必须写 value。
和树图有什么区别?
旭日图强调占比(角度映射),矩形树图强调面积对比;层级占比分析优先旭日图。