Dahsed line for info chart

[Former Member]

HI Experts,

I am using info chart(stacked combined line chart) for one of our requirement .

Requirement _line should be dashed as per screenshot

CSS i tried its working for normal charts but unfortunately its not working in infocharts

is there any special class for infocharts?

dashed .v-datalines

{

stroke-dasharray:5,5;

}

Any help really appreciated

Thanks,

Varun

[former_member265529 · Accepted solution]

Hi Varun,

I think this CSS will solve your problem

.line path.v-lines

{ stroke-dasharray: 5; }

It works for me to change line to dashed line.

Thanks,

Poovarasan

[Former Member · Accepted solution]

Is this for infocharts?

Thanks,

Varun

[former_member265529 · Accepted solution]

Yes Varun.

[Former Member · Accepted solution]

HI Boopalan,

Working fine but it was changing for all data series. but i wanna change for specific Data series

i have used nth-child but same no luck

is there any other script need to include if i wanna change specific data series

.line path.v-lines:nth-child(1)

{ stroke-dasharray: 5; }

[former_member265529 · Accepted solution]

Hi varun,

This code will help you then to change for spe

path[stroke="#748cb2"] { stroke-dasharray: 5; }

specify stroke value of required line to change style

[former_member265529 · Accepted solution]

Adding to that, Only the line with specified stroke color will be changed to dashed line

[Former Member · Accepted solution]

HI Boopalan ,

Working like a charm!

Thanks for your help!

I request you to follow me to share something as here we cant share numbers. if you can follow me i can send direct message to you. i already started following you.

Thanks,

Varun

[Former Member · Accepted solution]

HI ,

i am trying to make as correct answer but unfortunately i cant.could you please help me with this

Thanks,

Varun

[former_member265529 · Accepted solution]

Hi varun,

No problem. 🙂

Thanks,

Poovarasan