Skip to Content
0

Dahsed line for info chart

Nov 04, 2016 at 11:03 AM

87

avatar image
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

line.png (6.2 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
avatar image
Former Member Nov 04, 2016 at 11:46 AM
0

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

Show 8 Share
10 |10000 characters needed characters left characters exceeded
Former Member

Is this for infocharts?

Thanks,

Varun

0
Former Member
Former Member

Yes Varun.

0
Former Member
Former Member

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; }

rvixj.png (13.1 kB)
0
Former Member
Former Member

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

0
Former Member
Former Member

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

0
Former Member
Former Member

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

0
Former Member
Former Member

HI ,

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

Thanks,

Varun

0
Show more comments