隐藏和更改Viz框架折线图的度量的数据标签的位置(左/右)

2020-09-04 13:30发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


尊敬的专家,

我有一个SAPUI5要求,其中我们使用vizframe创建了折线图。(因为我们有版本-1.28.48)

在上图中,month(x Axis)是维度,并显示了3个出勤率。

即-绿色-目标值

红色-当前年份

蓝色-上一年

现在,我的要求是隐藏"目标值(绿色)"的数据标签,并将其他两个数据标签的对齐位置更改为"当前年(红色)"和"上一个年(蓝色)"。 左。

我使用jquery css在调试器中尝试过$(" g [data-datapoint-id = 1]"),因此删除了目标值数据标签


但是我不确定如何实现它或在什么情况下触发以及对齐方式将如何更改。

请帮助并提出建议,因为这确实非常紧急。

谢谢

最好的问候

Raina

(32.0 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


尊敬的专家,

我有一个SAPUI5要求,其中我们使用vizframe创建了折线图。(因为我们有版本-1.28.48)

在上图中,month(x Axis)是维度,并显示了3个出勤率。

即-绿色-目标值

红色-当前年份

蓝色-上一年

现在,我的要求是隐藏"目标值(绿色)"的数据标签,并将其他两个数据标签的对齐位置更改为"当前年(红色)"和"上一个年(蓝色)"。 左。

我使用jquery css在调试器中尝试过$(" g [data-datapoint-id = 1]"),因此删除了目标值数据标签


但是我不确定如何实现它或在什么情况下触发以及对齐方式将如何更改。

请帮助并提出建议,因为这确实非常紧急。

谢谢

最好的问候

Raina

(32.0 kB)
付费偷看设置
发送
7条回答
南山jay
1楼 · 2020-09-04 13:56.采纳回答

或者,您也可以通过图表属性来实现此目的,并覆盖数据标签的呈现器功能。

 myVizChartObject.setVizProperties({
   plotArea:{
     dataLabel:{
       渲染器:function(oLabel){
        //如果要删除目标值的标签文本
         如果(oLabel.ctx.measureNames ==="目标值"){
           oLabel.text ="";
         }
       }
     }
   }
 }); 

有关完整文档,请使用下面的链接

https://sapui5.hana.ondemand.com/docs/vizdocs/index.html#reference/chartProperty/Charts/Line%20%20(3)/Line%20Chart /

宇峰Kouji
2楼-- · 2020-09-04 13:53

亲爱的马克,

是的,我们也可以通过您提供的解决方案来实现它。

感谢您分享它, 我也一定会尝试使用它。

谢谢

最好的问候

Raina

SKY徐
3楼-- · 2020-09-04 14:06

请在此提供帮助。

SAP小黑
4楼-- · 2020-09-04 13:51

亲爱的拉吉夫,

道歉,希望您能尽快解决。 但是要回答您的查询,据我所知,它不会那样工作。

要么使用Mark建议的解决方案,要么使用我上面分享的解决方案。

1。 myVizChartObject.setVizProperties({

 plotArea:{
     dataLabel:{
       renderer:function(oLabel){//如果要删除标签文本,请输入TargetValueif(oLabel.ctx.measureNames ===" Target Value"){

oLabel.text ="";}}}}}));

2。 使用jquery/d3(上面共享)。

请让我知道我是否缺少某些东西。

谢谢

最好的问候

悻福寶寶
5楼-- · 2020-09-04 14:04

嗨Raina,

请使用jQuery或D3,如下所示:

$(" g [data-datapoint -id = 1] text")。text(" Raina"); 或d3.select("#ID")在DOM中进行选择,其余部分则根据您的要求进行操作。

我希望这可以解决您的问题。

谢谢

>

最好的问候

Hemendra

clasier
6楼-- · 2020-09-04 14:07

图表没有公开的属性来隐藏特定度量的数据标签。 您可以隐藏所有数据标签,也可以全部显示。

悠然的二货
7楼-- · 2020-09-04 14:12

亲爱的黄,

是的,我同意图表没有任何属性可以隐藏特定的度量,但是现在我通过父级子操作使用Jquery或d3做到了。 例如:

隐藏:

下面正在循环运行

$(" gv-plot-main")。children(" gv-datalabel-group")。children(" gv-datalabel.v-morphable-label")。eq(i).children(" text" ).remove()

其中i是需要隐藏的数据量,即在我的情况下是第12个。

我希望它能对某人有所帮助。

谢谢

最好的问候

Raina

一周热门 更多>