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

编辑
  • 文档创建者:zsh331
  • 浏览次数:5665次
  • 编辑次数:6次
  • 最近更新:ukae 于 2018-08-29
  • 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%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\图表内容换行显示.cpt

    附件列表


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

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

    此页面有帮助吗?只是浏览 [ 去社区提问 ]