找文章 / 找答案
精选问答 更多内容

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

永洪tech-Bella白银一 显示全部楼层 发表于 2018-10-29 17:22:14 |阅读模式 打印 上一主题 下一主题
Part 1:标记标签分别指的是什么?
简单理解标签就是一直显示的提示信息,而标记是鼠标放到图表某个区域显示的提示信息。
标签和标记.png

Part 2:

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

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

标签由来1.png 标签由来2.png



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

标记由来.png



Part 3:

标记的格式设置

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

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

标记格式修改1.gif 标记格式修改2.png



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

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

标签格式修改3.png

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



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

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



Part 4:

标签的格式设置

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

标签格式修改1.gif

格式:

利润:{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,可以用来设置格式(只有标记支持,标签不支持

标记.png

格式:

<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

回复

使用道具 举报

精彩评论2

ray玄铁二 显示全部楼层 发表于 2018-11-1 15:02:25
part5里面设置标记颜色是只在8.0版本中才支持,7.5应该不行吧?
回复 支持 反对

使用道具 举报

永洪tech-Bella白银一 显示全部楼层 发表于 2018-11-5 10:07:25
ray 发表于 2018-11-1 15:02
part5里面设置标记颜色是只在8.0版本中才支持,7.5应该不行吧?

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

使用道具 举报

Arthur白银四 发表于 2018-12-19 16:09:26
Tip:实现自定义标签的文字和数据分离左对齐的效果。
默认格式,文字和数值是分离左对齐。
自定义的标签,数值不会分离左对齐,默认输入多个半角空格不生效,需要用到多个全角空格
eg:
TYPE:   {col['TYPE']}  
总和_SALES: {col['总和_SALES'],number, #,###.0000}
一切有为法,如梦幻泡影
支持 反对

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部