1. 概述编辑
1.1. 版本
报表服务器版本 | 扩展图表插件版本 |
---|---|
10.0 | V4.2 |
1.2 应用场景
扩展图表插件 4.2 版本新增一种图表类型:智慧树图。
该图表以动态树节点的形式,显示关键的维度指标信息,可以极大丰富大屏的视觉效果。智慧树图共有 2 种子类型,效果分别如下:
智慧树图-电子
智慧树图-模型
1.3 功能介绍
智慧树图的 2 种子类型配置和功能一致,只是视觉效果和展示风格不一样
支持自定义图表样式,包括树的主题色、节点气泡颜色、节点气泡大小等
支持自定义是否开启特效背景
支持图表定时刷新、图形轮播、轮播触发超级链接
同时支持 cpt 和 frm 报表,不支持移动端
1.4 插件安装
点击下载插件:扩展图表插件
设计器插件安装方法参见:设计器插件管理
服务器安装插件方法参见:服务器插件管理
1.5 图表入口
图表类型的扩展图表-其余下新增智慧树图的 2 种子类型,可选择插入到报表中。
2. 图表属性编辑
2.1 数据
智慧树图可以绑定 2 个字段,节点名称必须设置,节点内容显示在节点名称下方,选择无可以不设置,示例中就没有设置节点内容。
节点名称和节点内容的显示位置如下图所示:
2.2 样式
2.2.1 图形
树:改变树的整体颜色
气泡:可以自定义树上的气泡大小、颜色、选中色
标签:可以修改数据文本的格式
字符:可以修改数据文本的格样式,包括字体、字号、颜色等
2.2.2 背景
流光效果:可选择是否开启流光动画
齿轮效果:可选择是否开启齿轮动画
填充:设置图表填充背景
不透明度:设置图表填充背景的不透明度
两个动画效果的位置如下图所示:
2.3 特效
刷新:开启定时刷新后,每隔一段时间,重新加载数据并触发树节点图的初始动画
播放:开启图形轮播,节点气泡会进行轮播。如果开启了触发超链且设置了超链,轮播时还会自动触发超链
超级链接:图表添加超级链接
3. 示例编辑
智慧树图-电子和智慧树图-模型的设置方法完全一致,下面只给出智慧树图-模型的示例,智慧树图-电子同理设置即可,它们只是风格不同。
3.1 准备数据
新建一个内置数据集,如下图所示:
3.2 插入图表
合并一片区域单元格,插入智慧树图-模型,如下图所示:
3.3 绑定图表数据
图表数据绑定节点名称,节点内容设置为无,如下图所示:
3.4 效果预览
保存报表,点击分页预览,效果如1.2应用场景中所示。
4. 模板下载编辑
4.1 智慧树图-电子
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\
点击下载模板:智慧树图-电子.cpt
4.2 智慧树图-模型
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\
点击下载模板:智慧树图-模型.cpt
5. 注意事项编辑
图表展示区域设置的过小,而节点数据比较多时,可能出现节点不能完全展示出来的情况,例如:
数据集中有 4 个节点,如下图所示:
而前端展示时显示了前 3 个,如下图所示:
此时如果想要在不改变区域大小的前提下,展示出所有节点,只需要把节点气泡调小一点