How to disable legend in nvd3 or limit it's size
Asked Answered
P

1

21

I'm using nvd3 and have a few charts where the legend is much to large. E.g. a scatter/bubble with 15 groups and the group names are long. The legend is so large that it leaves almost no room for the chart itself.

Is there a way to remove the legend or toggle the legend or limit the height/width it is taking up? Any example would be great.

Also, is there a way to have the bubble show a descriptive string? Right now when you stand on top of a bubble it highlights the x/y coordinates. I also want it to show the bubble name.

For example, each of my bubbles represents a country (which has a name), the x is GDP and the y is debt. The group is a classification/not name.

Pedantry answered 25/9, 2013 at 16:9 Comment(0)
N
37

.showLegend(false) will help you. Here is an example -

chart = nv.models.multiBarHorizontalChart().x(function(d) {
                return d.x
            }).y(function(d) {
                return d.y
            }).showLegend(false);
Nereidanereids answered 25/9, 2013 at 16:10 Comment(1)
The documentation is not great, but a look at the source code has helped me a few times. In this case, look at github.com/novus/nvd3/blob/master/src/models/pieChart.jsDairying

© 2022 - 2024 — McMap. All rights reserved.