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>
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);
});
------>
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:)