需要柱形图CSS的帮助来更改Lumira Designer 2.0 SP1中的列的颜色

2020-08-15 16:49发布

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

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


大家好,

我正在使用Lumira Designer 2.0 SP1,并且图表类型为"柱形图"。 图表中的度量1和度量2有两列。我想分别更改列的颜色。 现在,我有一位有价值的成员提供的代码,它正以一组列的形式为我工作。

.customChart1 g.v-m-main g.v-m-plot g.v-plot-main g.v-datapoint-group .v-datapoint rect {fill:#808080}

即使我写了其他博客中提到的其他无效代码,以下是无效代码

.customChart1 g.v列g.v-datashape:nth-​​child(1)rect.v-datapoint.v-morphable-datapoint {fill:yellow!important;}

.customChart1 g.v列g.v-datashape:nth-​​child(2)rect.v-datapoint.v-morphable-datapoint {fill:blue;}

.customChart1 g.v-legend-content g.v-row.ID_0路径{fill:yellow;}

.customChart1 g.v-legend-content g.v-row.ID_1路径{fill:blue;}

如果获得所有图表或其他组件的css类的列表,并且我想知道如何识别组件的类,这将很有帮助。

158671-chart.jpg (23.8 kB)

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

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


大家好,

我正在使用Lumira Designer 2.0 SP1,并且图表类型为"柱形图"。 图表中的度量1和度量2有两列。我想分别更改列的颜色。 现在,我有一位有价值的成员提供的代码,它正以一组列的形式为我工作。

.customChart1 g.v-m-main g.v-m-plot g.v-plot-main g.v-datapoint-group .v-datapoint rect {fill:#808080}

即使我写了其他博客中提到的其他无效代码,以下是无效代码

.customChart1 g.v列g.v-datashape:nth-​​child(1)rect.v-datapoint.v-morphable-datapoint {fill:yellow!important;}

.customChart1 g.v列g.v-datashape:nth-​​child(2)rect.v-datapoint.v-morphable-datapoint {fill:blue;}

.customChart1 g.v-legend-content g.v-row.ID_0路径{fill:yellow;}

.customChart1 g.v-legend-content g.v-row.ID_1路径{fill:blue;}

如果获得所有图表或其他组件的css类的列表,并且我想知道如何识别组件的类,这将很有帮助。

158671-chart.jpg (23.8 kB)
付费偷看设置
发送
5条回答
d56caomao
1楼 · 2020-08-15 17:37.采纳回答

在Lumira Designer 2.0及更高版本中,您可以在配置图表时配置颜色

1)在属性中,选择图表配置

2)单击属性,然后单击您需要更改颜色的列

或者您可以使用条件格式设置组件为图表定义颜色

在维度或度量上

http://visualbi.com/blogs/sap-lumira- 设计器/条件格式设置-sap-lumira-designer/

对于关键指标(度量)选择所有值,而不是选择大于或小于-的值,它将始终保留您定义的颜色。 通过脚本

更改图表中的尺寸和度量时,我发现此解决方案更加持久

Br

René

梦想连接
2楼-- · 2020-08-15 17:31

如果没有用于利润的数据。如何更改利润的颜色

代楠1984
3楼-- · 2020-08-15 17:39

Hello Rene,

感谢您解决我的问题。

关于使用图表属性的第一部分对我来说是众所周知的,而我做到了。 但是条件格式对我来说是新的。 我会尝试的,并让您知道。

除此之外,在这里我想了解图表的css脚本并使用它代替属性。 出于好奇,我试图通过右键单击仪表板上的"查找"元素来查找图表的所有CSS类。 我发现了很多类,但无法使用它们。 尝试了很多组合以使用CSS来实现此目的,但是对我来说没有任何效果。 我想知道下面的层次结构是什么。

.customChart1 g.v-m-main g.v-m-plot g.v-plot-main g.v-datapoint-group .v-datapoint rect {fill:#808080}

请需要帮助以更好地理解这一点。

宇峰Kouji
4楼-- · 2020-08-15 17:22

仅提供奖金信息..第n个孩子中正常的其他图表类型(如瀑布图,项目符号图)1.2.3可以正常工作

Violet凡
5楼-- · 2020-08-15 17:24

如果最初在开发中没有数据,我们如何更改颜色?

一周热门 更多>