Skip to Content

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

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

linechart.jpg (89.5 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • avatar image
    Former Member
    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

    Add comment
    10|10000 characters needed characters exceeded