cancel
Showing results for 
Search instead for 
Did you mean: 

how to color a line chart using CSS in SAP Lumira Designer 2.1

masood_sadiq4
Explorer
0 Kudos

Hi Experts,

I have a line chart with 3 series. i need to color one of the series Red.

i successfully applied it on Column Chart and Radar Chart. But i am unable to apply in on Line Chart.

i used the following code but it ended up looking like an area chart. filled the entire path.

.custom-line g.v-datapoint-group > g:nth-child(3) path {fill: #ed1c24; stroke: #ed1c24; }

so i removed the fill and used this one.

.custom-line g.v-datapoint-group > g:nth-child(3) path {stroke: #ed1c24; }

now, it colored the line but the circular data points are showing a different color then red ( which is the default color)

Current Tool: SAP Lumira Designer: Release 2.1 SP0 (Version: 21.0.0)

Backend is SAP BW 7.5

chandrasekhar6
Participant

Hi Masood,

Have you checked the below option in Chart Configuration,

masood_sadiq4
Explorer
0 Kudos

Hi Chandra,

I wanted to change this using css as i am changing colors for all the charts using CSS. But in the end. i used this option under charts properties. But this doesnt work for Spider charts.

Thanks for replying, appreciate your help.

Accepted Solutions (0)

Answers (3)

Answers (3)

0 Kudos

I have a Line chart which includes 12 lines all you need is different colors, what I did was open the Chart > Lines > selected each line by click on it and select colors instead of going to markers , chart background or writing css 😛

0 Kudos

Hello Masood,

Can you please tell me the option in Lumira designer 2.1 where in chart properties we can see the css option as we see in design studio 6.1 additional properties tab?

I am trying to use a color palette for a column chart but not getting the option.

Please help.

Regards,

Rafat

arijit_das
Active Contributor
0 Kudos

.custom-line g.v-datapoint-group > g:nth-child(3) > g.v-datapoint > path {fill: #ed1c24; }