Skip to Content
author's profile photo Former Member
Former Member

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

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

Capture1.PNG (73.9 kB)
Capture2.PNG (73.8 kB)
Add a comment
10|10000 characters needed characters exceeded

Related questions

2 Answers

  • author's profile photo Former Member
    Former Member
    Posted on Jul 15, 2016 at 05:18 AM

    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


    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Jul 15, 2016 at 04:00 AM

    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

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.