历史版本2 :图表标题/坐标轴/标签文本换行显示 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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
保存预览效果如下(实现了自定义换行):
222