<永洪tech>标记标签使用全解

Part 1:标记标签分别指的是什么？
简单理解标签就是一直显示的提示信息，而标记是鼠标放到图表某个区域显示的提示信息。

Part 2:

标记标签分别是怎么来的？

1.标签的由来有两种，在图表标记组-标签绑定字段，然后图表就会显示对应的标签值；或者标记组-标签不绑定字段，但是在图表-绘图中设置数值标签不隐藏（默认值隐藏的）

2.标记的由来，图表上绑定任意一个字段都会自动显示在标记中，一个字段绑定多次，但是字段名一致，只显示一次。

Part 3:

标记的格式设置

默认所有绑定在图表的字段都会默认显示在标记中，咱们通常希望修改标记的显示格式，比如，字段名修改一下；数值的格式修改一下保留几位小数，或者设置为百分比；标记中只显示某些字段，不默认全部显示...

（1）修改标记显示的字段名，两种方式，直接修改字段别名，或者在标记格式中自定义显示的字段名。

备注：在标记中直接设置格式的时候注意一点，如果咱们数值字段绑定在图表上显示为“xxx_总和”，那么在标记格式中使用应该用“Sum_xxx”,因此为避免出错，可以给字段设置一个别名，然后在标记中直接用别名。

(2)数值字段修改格式，比如设置利润格式为万，且保留两位小数。格式：利润：{col['Sum_PROFIT'],number,#.##万}

备注：设置显示百分比的格式也是很常见的，具体格式如下：显示的字段名：{col['字段名'],number,#.##%}    //显示为百分数，且保留两位小数

（3）设置标记中默认显示的某些字段不显示

实现方式：只写想要显示的字段，不写的默认不显示。

Part 4:

标签的格式设置

标签的格式写法跟标记的一致，只是设置格式的地方不一致。标签默认显示的是标记组-标签绑定的字段的值，只有一个值，显示多个值需要设置。

格式：

利润：{col['Sum_PROFIT'],number,#.##万}

\n产品类型：{col['PRODUCT_TYPE']}           

//‘\n’是用来换行的

Part 5:

标记标签高级设置

1.图表能绑定的字段的字段有限，且有的时候绑定会影响展示效果，但是我们希望标签或标记显示未绑定的字段，这种情况就需要配合脚本实现。参考：https://www.yonghongtech.com/webbbs/forum.php?mod=viewthread&fid=50&tid=1438&highlight=%E7%BB%91%E5%AE%9A

2.设置标记的格式，比如字段名加粗，设置字体颜色等。产品标记支持html，可以用来设置格式（只有标记支持，标签不支持）

格式：

<b style='color:#FF0000 ' >产品分类：</b><apan style='color:#FFC125'> {col['PRODUCT_TYPE']}</apan>

<b style='color:#9F79EE ' >利润：</b><apan style='color:#A2CD5A'> {col['Sum_PROFIT']}</apan>

//除此之外还支持加下划线（<u>下划线</u>），斜体：（<i>斜体</i>），设置字号：<h1></h1>到<h6></h6> ...

3.同一个字段，数值和百分比同时显示，实现方式参考：https://www.yonghongtech.com/webbbs/forum.php?mod=viewthread&fid=55&tid=93&highlight=%E7%99%BE%E5%88%86%E6%AF%94

part5里面设置标记颜色是只在8.0版本中才支持，7.5应该不行吧？

ray 发表于 2018-11-1 15:02
part5里面设置标记颜色是只在8.0版本中才支持，7.5应该不行吧？

7.5也是支持的。不过8.0是全H5，编辑报告就可以看到效果，而7.5只有查看报告是H5，其他模块是flash，因此要在查看报告看效果。

Tip：实现自定义标签的文字和数据分离左对齐的效果。
默认格式，文字和数值是分离左对齐。
自定义的标签，数值不会分离左对齐，默认输入多个半角空格不生效，需要用到多个全角空格
eg：
TYPE：　　　{col['TYPE']}  
总和_SALES: {col['总和_SALES'],number, #,###.0000}