jquery - Barra apilada de JQPlot cada recuento de etiquetas apiladas en lugar de recuento de acumulación(incremental)

asp.net charts

Question

Quiero mostrar el texto de la etiqueta en lugar del total del segmento para cada etiqueta.

Como, 2, 7, 14 debe estar en barra apilada con 2, 7, 14 y luego 23 es total. Pero actualmente en el ejemplo está mostrando el total del segmento - la primera barra está vacía y luego 2, 2 + 7 = 9, y total = 23 (9 + 14).

JQ Plot muestra (gráfico de columna de barra apilada - 3er gráfico): http://www.jqplot.com/tests/bar-charts.php

Quiero que esta URL como Highchart para el recuento de etiquetas vea un ejemplo: http://www.highcharts.com/demo/column-stacked

Por favor, avíseme si puedo ir con la solución, entonces sería una gran ayuda ...

Answer 1

En el tema de la suma: te has topado con un error jqplot.

Si abre jqplot.pointLabels.js, eche un vistazo al código que comienza alrededor de la línea 172/173:

var d = this._plotData;

Si lo actualizas para leer

var d = this._plotData; 
if (p.stackSeries) {
    var d = this.data;
}

Cuando llame a la tabla, use algo similar a esto en las opciones de su serie:

pointLabels: { show: true, stackedValue: false, stackSeries: true }

Podrá usar el atributo PointLabels stackedValue para desactivar la suma apilada.

La solución para el error stackedValue se detalla aquí .

jmva respondió su pregunta con respecto a la colocación de etiquetas.

Answer 2

La solución de Boro me funciona, sin embargo, si necesita la leyenda, tendrá un elemento más en la leyenda que puede no ser lo que espera. He usado la solución de Boro y tengo la leyenda independiente del objeto jqplot.

Answer 3

Para visualizar los valores dentro de la barra solo modifique la propiedad css .jqplot-point-label en la página local, esto funciona en la página de demostración de JQPlot:

.jqplot-point-label {
      font-size:.75em;
      z-index: 2;
      /* Add some margin to get values into the bar */
      margin-top: 24px;
}

También puede probar las propiedades de PointLabel como ypadding para un enfoque más educado. Para las características de suma, consulte este hilo resuelto .

Answer 4

Tengo una solución, ya que parece que, independientemente del valor del parámetro stackedValue , los valores de las barras apiladas siempre se suman.

Mi solución a este problema involucrado:

• agregando una serie más que sirve como suma, los valores con los que la llena son todos iguales (es decir, 3) ya que su única función es colocar las etiquetas,

• haciendo invisibles las últimas series (5ª) y su sombra casi transparente

• y usar las etiquetas en cada serie directamente en lugar de dejar que el guión decida qué poner allí, de lo contrario, obviamente, se resumirían los valores.

Mi solución se puede encontrar aquí.

EDITAR

Recientemente descubrí que ya había una solución para este problema disponible aquí.