d3.js - Cómo deshabilitar la leyenda en nvd3 o limitar su tamaño

legend scatter-plot

Question

Estoy usando nvd3 y tengo algunos gráficos donde la leyenda es demasiado grande. Por ejemplo, una dispersión / burbuja con 15 grupos y los nombres de los grupos son largos. La leyenda es tan grande que casi no deja espacio para el gráfico en sí.

¿Hay alguna manera de eliminar la leyenda o alternar la leyenda o limitar la altura / anchura que está tomando? Cualquier ejemplo sería genial.

Además, ¿hay alguna manera de que la burbuja muestre una cadena descriptiva? En este momento, cuando te paras sobre una burbuja, resalta las coordenadas x / y. También quiero que muestre el nombre de la burbuja.

Por ejemplo, cada una de mis burbujas representa un país (que tiene un nombre), la x es el PIB y la y es la deuda. El grupo es una clasificación / no nombre.

Answer 1

.showLegend(false) te ayudará. Aquí hay un ejemplo -

chart = nv.models.multiBarHorizontalChart().x(function(d) {
                return d.x
            }).y(function(d) {
                return d.y
            }).showLegend(false);