永洪社区

标题: 地图轮播提示语如何将提示语明显提示 [打印本页]

作者: yhdata_0rDnf7Ex    时间: 2021-11-1 09:50
标题: 地图轮播提示语如何将提示语明显提示


作者: 永洪tech-wisiy    时间: 2021-11-1 09:50
问题名称:<永洪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/web ... =%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/web ... E%E5%88%86%E6%AF%94




作者: yhdata_0rDnf7Ex    时间: 2021-11-1 09:51
如图所示
作者: 永洪tech-wisiy    时间: 2021-11-1 09:56
这个明显提示是指的什么
作者: yhdata_0rDnf7Ex    时间: 2021-11-1 09:57
永洪tech-wisiy 发表于 2021-11-1 09:56
这个明显提示是指的什么

颜色变成红色或者其他色
作者: yhdata_0rDnf7Ex    时间: 2021-11-2 10:42
永洪tech-wisiy 发表于 2021-11-1 09:50
问题名称:标记标签使用全解

类别:图表/门户

想修改提示框的背景颜色是这样写的吗?<background style='color:#FF0000 '></background>




欢迎光临 永洪社区 (https://club.yonghongtech.com/) Powered by Discuz! X3.4