jqPlot - Pie leyenda demasiado alto cuando hay muchos elementos de leyenda

Question

Estoy usando jqPlot para crear un gráfico circular con una leyenda. Parte de mis opciones de tarta jqPlot mirada como sigue:

seriesDefaults: { 
    renderer: $.jqplot.PieRenderer, 
    rendererOptions: { 
     padding: 10, 
     showDataLabels: true, 
     dataLabelFormatString: '%.2f%%', 
     sliceMargin: 2, 
     startAngle: -90 
    } 
}, 
legend: { 
    show: true, 
    location: 'e', 
    placement: 'outside', 
    xoffset: 1, 
    fontSize: '11px', 
    rowSpacing: '10px', 
    textColor: '#222222', 
    fontFamily: 'Lucida Grande, Lucida Sans, Arial, sans-serif' 
} 

Recientemente me he encontrado con un caso en el que hay muchos elementos de leyenda (por ejemplo, 21), lo que hace que mi cuadro de la leyenda demasiado alto. Me pregunto si hay una manera de cualquiera

1. tienen una barra de desplazamiento vertical en el cuadro de la leyenda
2. indicación del nivel de los elementos de leyenda en varias columnas (preferibles)

he tratado las siguientes propiedades:

• numberRows
• numberColumns

que encontré de esta página:

$.jqplot.PieRenderer options

sin embargo, no parecen hacer ningún cambio.

¿Alguien podría proporcionarme una buena solución a este problema?

Answer 1

Trate de ir con la configuración de columna/fila proporcionada. Comprobé personalmente que esta configuración funciona. Sólo asegúrese de que en la leyenda se establece la numberColumns o numberRows dentro rendererOptions, como:

legend: { 
    show: true, 
    location: 'ne', 
    rendererOptions: {numberColumns: 2} 
} 

Si esto no funciona, entonces hay que decir algún otro fallo debe estar escondido en su código, a continuación, vamos a ver el código para que podamos encontrar y aplastar el error juntos :)