历史版本4 :图表标题/坐标轴/标签文本换行显示 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
FineReport报表插入图表时,图表内容的【标题、坐标轴、标签】等默认无法换行显示,那么如果想要它们在web端展示时呈现换行显示效果,该如何实现呢?
默认的效果:
期望的效果:
2. 解决思路编辑
FineReport提供了【<br/>】操作符,并使用【HTML解析文本内容】来实现内容的换行显示。
3. 示例编辑
3.1 数据准备
新建工作簿,添加内置数据集人员分配,分别记录班级和人数:
3.2 插入图表
以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图(新特性)-柱形图
3.3 图表数据设置
选中图表,在右侧图表属性表中选择图表属性表-数据,如下图所示:
3.4 图表样式设置
(1)添加标题:北京中关村一中初一班人员分配表(2017年)
(2)勾选使用标签并修改字体样式:
(3)Y轴标题输入:人数(个),调整其位置:
保存预览效果如下:
3.5 修改图表样式
(1)标题修改为公式:'北京中关村一中初(1)班人员分配表'+'<br/>'+'(2017年)',并选择【使用HTML解析文本内容】
(2)标签修改为自定义,并选择【使用HTML解析文本内容】:
function(){ return this.category+'<br/>'+this.seriesName+':'+this.value;}
(3)Y轴标题修改为公式: '人数'+'<br/>'+'(个)',并选择【使用HTML解析文本内容】:
4. 保存预览编辑
保存预览,效果如上图(实现了自定义换行)
已完成模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\图表内容换行显示.cpt