Nvd3 library, How to set up a line chart

I use nvd3 to draw some statistics in my application. I would like to increase the line thickness in my charts. How is this possible?

thanks

+7
css svg
source share
1 answer

Find the class responsible for the current stroke-width your lines. Then insert a rule that is a little more specific and change the value for stroke-width there.

In this example, from the examples nvd3 stroke-width is set as follows:

 .nvd3 .nv-groups path.nv-line 

So, we create a matching rule, which is somewhat more specific, for example:

 .nvd3 g.nv-groups path.nv-line 

and attach a new stroke-width value to it:

 .nvd3 g.nv-groups path.nv-line { stroke-width: 5px; } 
+17
source share

All Articles