Pregunta

Estoy corriendo el código abajo y conseguir un gráfico vacío usando Flot / jQuery. Lo ideal sería que lo que busco es un gráfico de barras de los datos. Estoy mirado y mirado esto con ninguna alegría - ¿alguien tiene alguna idea

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>
¿Fue útil?

Solución

La versión actual de flot (v. 0.6) soporta gráficos de barras. He aquí un ejemplo . En función de su parcela (), sólo hay que poner:

bars: { show: true}

Otros consejos

Una vieja pregunta, pero no creo que fue respondida. De acuerdo con la documentación de la API Flot:

  

Tenga en cuenta que para simplificar la lógica interna en Flot tanto la x e y   Los valores deben ser números ... Si usted está recibiendo errores misteriosos, dobles   y comprueba que estás introduciendo números y no cadenas.

Si el caso anterior está utilizando cadenas en sus datos (por ejemplo, [ "sin asignar", 310]), que no va a trabajar de acuerdo a los documentos.

Puede hacer esto, pero sólo tiene que falsa seguridad de los datos un poco.

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

text alt

Es de suponer que se pueden modificar los datos de forma adecuada antes de pasarla a Flot.

Hay un montón de grandes ejemplos de usos reales en FlotUsage . p.ej. Fedora tiene algunos bonitos gráficos de barras. Lo bueno es porque es JavaScript se puede ver de origen y cuna ideas de todos:)

Como dice Neil Middleton en su comentario, Flot no soporta diagramas de barras.

este o esta plug-in puede ayudarle?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top