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

[hans_segers]

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.

Hans

[Former Member]

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