cancel
Showing results for 
Search instead for 
Did you mean: 

How to Increase the width of the dot in Line chart by CSS

Former Member
0 Kudos

I want to increase the size of the symbol in Line chart via CSS I have applied the CSS as shown in the below pic through stroke-width property but due to this the width of the symbol (circle) increases only when you select it or hover on it. Is there any way to change the size of the circle. I have searched a lot regarding this but everywhere stroke-width property was used to set the size
Is there any other property through which the size of the symbol can be increased. I have also tried height, width etc properties

Accepted Solutions (0)

Answers (2)

Answers (2)

Former Member
0 Kudos

Hi Rahul,

Please use the below css,


.v-datapoint.v-morphable-datapoint.v-datapoint-default > path{

    stroke-width:20px !important;

    stroke:#69983f;

}

please add custom CSS class in front of above mentioned CSS if you want to affect only particular set of charts.

Thanks,

Ganesh

Former Member
0 Kudos

Hi Rahul,

Have you tried the above CSS? Please post your update here.

Thanks,

Ganesh

Former Member
0 Kudos

Yes Ganesh your CSS worked perfectly fine Thanxx a lot for your response

former_member194504
Active Contributor
0 Kudos

Hi Rahul,

It would be great, if you have marked down the correct answer and close the thread. So that it will be helpful for others.

Thanks,

Nithyanandam

former_member194504
Active Contributor
0 Kudos

Hi Rahul,

Few SVG styles are cannot be able to manipulate from CSS. I am not sure about your scenario, Which chart are you using?

Thanks,

Nithyanandam

Former Member
0 Kudos

I am using Line chart