图表颜色组合-使用CSS进行自定义

2020-08-25 08:09发布

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

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


嗨,

我要在此处实现的解决方案类型是在柱形图中绘制3种不同的键状图形具有3种不同的颜色。 挑战在于,所有这三个关键指标都在一个结构内,并且可以作为BEx中的公式获得。

我正在尝试将此CSS用于图表。.但是它给了我前两列为黄色和橙色..它没有给我第三种颜色,即数字1。

再次,我希望相同的颜色组合以相同的顺序在2月重复,然后在3月.. 4月直到12月重复。但是在任何月份都没有重复。

我试图将CSS语句重复其他个月..但没有帮助。.在这里的任何想法或建议都值得赞赏。.

//图表备用列颜色

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(1).v-datapoint.v-morphable-datapoint {fill:yellow;}

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(2).v-datapoint.v-morphable-datapoint {fill:orange;}

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(3).v-datapoint.v-morphable-datapoint {fill:light blue;}

谢谢

Krishanu

图表列Format.PNG (21.5 kB)

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

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


嗨,

我要在此处实现的解决方案类型是在柱形图中绘制3种不同的键状图形具有3种不同的颜色。 挑战在于,所有这三个关键指标都在一个结构内,并且可以作为BEx中的公式获得。

我正在尝试将此CSS用于图表。.但是它给了我前两列为黄色和橙色..它没有给我第三种颜色,即数字1。

再次,我希望相同的颜色组合以相同的顺序在2月重复,然后在3月.. 4月直到12月重复。但是在任何月份都没有重复。

我试图将CSS语句重复其他个月..但没有帮助。.在这里的任何想法或建议都值得赞赏。.

//图表备用列颜色

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(1).v-datapoint.v-morphable-datapoint {fill:yellow;}

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(2).v-datapoint.v-morphable-datapoint {fill:orange;}

.altc g.v-m-main g.v-m-plot g.v-column:nth-​​child(3).v-datapoint.v-morphable-datapoint {fill:light blue;}

谢谢

Krishanu

图表列Format.PNG (21.5 kB)
付费偷看设置
发送
4条回答
ZJXianG
1楼 · 2020-08-25 08:36.采纳回答

如果您不使用名称定义RGB颜色怎么办? 例如 RGB(252,175,23)

落灬小鱼
2楼-- · 2020-08-25 08:37

感谢它的工作????

南山jay
3楼-- · 2020-08-25 08:14

如Victor所建议的那样,无法识别定义为"浅蓝色"的颜色,因此无效 css。

但是:

LightBlue

#ADD8E6

rgb(173,216,230)

还可以。 (删除两个浅蓝色单词之间的空格并将其写为一个单词,必须始终指定颜色名称,而之间不能有空格)。

有很多站点可以查找和检查有效的颜色名称,例如:< 一个hraf=" http://www.quackit.com/css/css_color_codes.cfm"> http://www.quackit.com/css/css_color_codes.cfm

一个CSS验证器 对您的CSS会说:

"太多的值或无法识别的值:浅蓝色"

关于您还需要定位其他月份并进行更改 那里的颜色,看看如何调整nth-child选择器:

第n个孩子的工作原理| CSS技巧

掌握:nth-​​child | CSS3伪类和:nth-​​child范围

问候

David

SAP砖家
4楼-- · 2020-08-25 08:20

请尝试使用此方法更多...... =" nofollow" hraf=" http://net-informations.com/q/web/color-codes.html">颜色代码

一周热门 更多>