Design Studio:信息图表的文本方向?

2020-09-19 06:55发布

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

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


专家您好,

我们有独特的要求以垂直(-90度)显示信息图表数据标签。 我们通过下面提到的CSS类在Chrome浏览器上达到了此要求。

 .CHART_DATALABEL_90DEG g.v-m-main g.v-m-plot g.v-plot-main g.v-datalabel-group g.v-datalabel:nth-​​child(1)文本
 {
 -ms-transform:旋转(7deg)!重要 -ms-transform-origin:旋转(7度)!重要
 -webkit-transform:旋转(-90deg)!重要;  -webkit-transform-origin:center!important;
 转换:rotateZ(-90deg)!重要;  transform-origin:center!important;  } 

但是,由于更改没有反映在IE浏览器中,因此我们的解决方案是不完整的。 IE不支持SVG上的文本的" Transform" CSS语句。

我们试图通过在上述类本身中使用CSS语句" writing-mode:tb" 在IE上解决此问题。 同样,我们能够将"从上到下"旋转。 除了" tb"外,这里没有其他类(bt-rl,bt-lr等)的支持。 有人可以进一步帮助我们吗?

(6.9 kB)

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

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


专家您好,

我们有独特的要求以垂直(-90度)显示信息图表数据标签。 我们通过下面提到的CSS类在Chrome浏览器上达到了此要求。

 .CHART_DATALABEL_90DEG g.v-m-main g.v-m-plot g.v-plot-main g.v-datalabel-group g.v-datalabel:nth-​​child(1)文本
 {
 -ms-transform:旋转(7deg)!重要 -ms-transform-origin:旋转(7度)!重要
 -webkit-transform:旋转(-90deg)!重要;  -webkit-transform-origin:center!important;
 转换:rotateZ(-90deg)!重要;  transform-origin:center!important;  } 

但是,由于更改没有反映在IE浏览器中,因此我们的解决方案是不完整的。 IE不支持SVG上的文本的" Transform" CSS语句。

我们试图通过在上述类本身中使用CSS语句" writing-mode:tb" 在IE上解决此问题。 同样,我们能够将"从上到下"旋转。 除了" tb"外,这里没有其他类(bt-rl,bt-lr等)的支持。 有人可以进一步帮助我们吗?

(6.9 kB)
付费偷看设置
发送
2条回答
打个大熊猫
1楼-- · 2020-09-19 07:28

对此有任何答复吗? 甚至我也遇到了同样的问题

callcenter油条
2楼-- · 2020-09-19 07:21

Hello Powlas,我们正在使用Design Studio 1.6 SP6。 如果您需要更多详细信息,请告诉我。 -斯蒂芬·K

一周热门 更多>