帆软自定义标签

1 问题描述

制作图表时，当图表标签内容选择「通用」或「自定义」时，下方可设置标签「字符」的字体、大小、颜色等。

11.0.2 版本及之后的设计器中，字符选择「自定义」时支持设置颜色为「自动」，此时若标签在外侧则默认显示为图表系列色，若标签在内侧默认显示为白色。如下图所示：

但在 11.0.2 之前的版本中，字符选择「自定义」时仅能显示一个颜色，那么所有标签都显示为同一个颜色。如下图所示：

那么在 11.0.2 之前的版本中，要如何使字符颜色跟随系列色显示呢？

2 解决思路

2.1自定义标签显示为系列色

标签内容选择「自定义」，通过代码实现标签颜色显示为系列色，字符的其他设置通过「字符>自定义」实现。如下图所示：

注：数据点提示也同样适用。

设置标签

选中图表，选择「单元格元素>样式>标签」，勾选「使用标签」，值标签内容选择「自定义」，输入代码：

function(){return '<span style="color:'+this.color+';">'+this.value+'</span>';}

2.2自定义标签数据返回数值为系列色，百分比并保留两位小数

function() {
    return '<span style="color:' + this.color + ';">' + this.seriesName + ": " + FR.contentFormat((this.percentage).toFixed(4), '#0.00%') ;
}

2.3自定义标签数据返回值设置为国际化模板

function() {
 var seriesName = FR.i18nText(this.seriesName);
    return '<span style="color:' + this.color + ';">' + seriesName + ": " + FR.contentFormat((this.percentage).toFixed(4), '#0.00%');
}