Skip to Content

Design Studio 1.6 - Info Chart - Line Chart - Multiple Lines : one dashed, others solid

Jan 19, 2017 at 09:46 AM


avatar image

Dear all,

I'm configuring an Info Chart (Line Chart) in Design Studio 1.6 SP2.

I'm displaying 9 lines. Only one should be dashed, the others should be solid lines.

I managed displaying dashed lines using this css-class :

.dashed .v-lines {

stroke-dasharray: 5,5;


But that will put all the lines as dashed :

How could I display only one line as a dashed line ?

In the DOM Explorer I do not see how I could distinguish between the different lines.

Many thanks for sharing your ideas.


linechart.jpg (89.5 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Nikolaus Weiss Jan 25, 2017 at 03:53 PM

You can use the CSS nth-child selector to select only one of them:

.dashed .v-lines:nth-child(1) {
   stroked-dasharray: 5;

In general there are many CSS selectors that could be useful to you. You can find them here: w3schools - CSS Selectors

10 |10000 characters needed characters left characters exceeded