单元格内拼接数据设置不同样式

1.1 预期效果

在单元格内实现数据拼接后，希望对拼接的数据设置不同的样式如：sum 公式得到的数据颜色变为红色，文字的颜色为黑色等。如下图所示：

1.2 实现思路

1）使用富文本，在富文本内添加公式拼接，并设置颜色。

2）直接通过公式CONCATENATE拼接字符串，字符串中使用 HTML 中的 font 标签，设置 color 的值，并将对应的单元格设置为用 HTML 显示内容。

2.1 打开模板

打开模板：%FR_HOME%\webapps\webroot\\WEB-INF\reportlets\doc\Primary\GroupReport\纵向分组报表.cpt。

2.2 插入富文本

1）在 C4 单元格中把地区和销量总和进行拼接并设置不同样式。在 C4 单元格中插入富文本，选择公式，如下图所示：

2）插入公式：A2，如下图所示：

3）输入：---，再插入公式：SUM(C3)，如下图所示：

4）将拼接的部分字体颜色改为红色，如下图所示：

2.3 效果预览

2.3.1 PC 端

如 1.1 节所示。

2.3.2 移动端

App 与 HTML5 端效果相同，如下图所示：

3.1 打开模板

打开模板：%FR_HOME%\webapps\webroot\\WEB-INF\reportlets\doc\Primary\GroupReport\纵向分组报表.cpt。

3.2 编辑 HTML 语言

在 C4 单元格内插入公式：=CONCATENATE("<h3><font color=black>",A2,"<font color=red>---",SUM(C3))

CONCATENATE 是将多个字符串合并成一个字符串。其中h3是定义标题大小，使用 font 标签内设置 color 属性 black（黑色）、red（红色），A2 就是获取 A2 单元格的值，SUM(C3) 是对地区进行汇总求和。

3.3 用 HTML 显示内容

点击 C4 单元格右击选择其他属性，选择「用 HTML 显示内容」，如下图所示：

3.4 效果预览

与 2.3 节效果相同。

1）在富文本中使用公式：CONCATENATE("<h3><font color=black>",A2,"<font color=red>---",SUM(C3))，实现的效果与方法二相同。

2）富文本中公式为一个整体，无法对公式中的某一部分单独设置字体样式。