Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

nvd3.js - Bigger points in a line chart

I am searching how to show bigger points in a line chart using nvd3.js, but I haven't found anything. Anybody can give me a hand?

I want the points to be easily visible across the chart lines.

Thanks.

like image 845
Miquel Avatar asked Aug 30 '13 10:08

Miquel


1 Answers

After looking through the output generated in the simple line chart, you could add this CSS, to make all points visible:

.nvd3 .nv-groups .nv-point {
    stroke-opacity: 0.5 !important;
    stroke-width: 10px;
}

This is, however, more like a hack. There should be better solutions around. If you want to modify more details, it may also be better to switch to d3.js directly instead of using a wrapper.

like image 165
Sirko Avatar answered Oct 18 '22 00:10

Sirko