Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

Line Chart Datapoints CSS

Hello,

I have a line chart with 4 lines. I would like to change the colour of the data points on each line with CSS.

I have successfully done this with the actual lines, but not with the datapoints. This is my code that is not working below.

.line_chart svg g.v-m-plot g.v-markers.v-datashapesgroup g.v-axis1 g.v-marker path:nth-child(1).v-datashape.v-datapoint.v-morphable-datapoint.v-datapoint-default {fill: #EF9E21;} 

.line_chart svg g.v-m-plot g.v-markers.v-datashapesgroup g.v-axis1 g.v-marker path:nth-child(2).v-datashape.v-datapoint.v-morphable-datapoint.v-datapoint-default {fill: #DE6163;}

.line_chart svg g.v-m-plot g.v-markers.v-datashapesgroup g.v-axis1 g.v-marker path:nth-child(3).v-datashape.v-datapoint.v-morphable-datapoint.v-datapoint-default {fill: #109ED6;}

.line_chart svg g.v-m-plot g.v-markers.v-datashapesgroup g.v-axis1 g.v-marker path:nth-child(4).v-datashape.v-datapoint.v-morphable-datapoint.v-datapoint-default {fill: #4AB273;}

Thanks,

Daniel.

Tags:
Former Member
Not what you were looking for? View more on this topic or Ask a question