[新]图表的标题/坐标轴/标签内容换行显示

编辑
文档创建者:zsh331 (73316 )     浏览次数:2575次     编辑次数:6次     最近更新:ukae 于 2018-08-29     

目录:

1. 问题描述编辑

FineReport报表插入图表时,图表内容的【标题、坐标轴、标签】等默认无法换行显示,那么如果想要它们在web端展示时呈现换行显示效果,该如何实现呢?

默认的效果:

222

期望的效果:

222

2. 解决思路编辑

FineReport提供了【<br/>】操作符,并使用【HTML解析文本内容】来实现内容的换行显示。

3. 示例编辑

3.1 数据准备

新建工作簿,添加内置数据集人员分配,分别记录班级和人数:
222

3.2 插入图表

以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图-柱形图


222


3.3 图表数据设置

选中图表,在右侧图表属性表中选择图表属性表-数据,如下图所示:

222

3.4 图表样式设置

(1)添加标题:北京中关村一中初一班人员分配表(2017年)

(2)勾选使用标签并修改字体样式:

222

(3)Y轴标题输入:人数(个),调整其位置:

222

保存预览效果如下:

222

3.5 修改图表样式

(1)标题修改为公式:'北京中关村一中初(1)班人员分配表'+'<br/>'+'(2017年)',并选择【使用HTML解析文本内容】

222

(2)标签修改为自定义,并选择【使用HTML解析文本内容】

function(){ return this.category+'<br/>'+this.seriesName+':'+this.value;}

222

(3)Y轴标题修改为公式: '人数'+'<br/>'+'(个)',并选择【使用HTML解析文本内容】:

222

4. 保存预览编辑

保存预览,效果如上图(实现了自定义换行)

已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\图表内容换行显示.cpt

附件列表


主题: 新图表
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]