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

目录:

一、问题描述编辑

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

对比 :【1-1】-》【1-2】,【2-1】-》【2-2】,【3-1】-》【3-2】


222


二、解决思路编辑

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


三、示例编辑

3.1 标题换行显示

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

3.2 标签内容换行显示

按图:在标签内容处 自定义内容,并选择【使用HTML解析文本内容】

自定义内容:

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

222
3.3 坐标轴内容换行显示

以Y轴为例:标题处 公式: '人数'+'<br/>'+'(个)',并选择【使用HTML解析文本内容】。为体现效果,可设置位置、文本旋转角度等!

222

四、效果预览编辑

保存设置并预览。

如上图所示,即实现了图表相关内容换行显示效果。