Flot con el eje x de "Cadena"

Question

Al usar flot, me gustaría tener un eje x basado en cuerdas. Por ejemplo, tengo una lista de clientes "Bob", "Chris", "Joe" y me gustaría trazar sus ingresos en el Y-Axis. (esto es un gráfico de barras)

Parece que a primera vista flot solo admite tipos numéricos en el eje x. ¿Es esto cierto?

Answer 1

@Matt está cerca, pero que tendría más sentido utilizar sólo la ticks opción para especificar directamente lo que las garrapatas debe tener lo que las etiquetas:

var options = { 

... 
    xaxis: { 
    ticks: [[0,'Bob'],[1,'Chris'],[2,'Joe']] 
    } 
... 

}; 

EDITAR: parece que this (he añadido más datos que las etiquetas, pero Y tienes la idea).

Answer 2

Debería poder hacer esto usando la opción tickFormatter según this question. No he probado a mí mismo, sino dar a este un tiro:

var xAxisLabels = ['Bob', 'Chris', 'Joe'];  
function xAxisLabelGenerator(x){ 
    return xAxisLabels[x]; 
} 

var plot = $.plot($("#placeholder"), { 
    // snip other options... 
    xaxis: { 
     transform: xAxisLabelGenerator, 
     tickFormatter: xAxisLabelGenerator 
    } 
}); 

Esto significa que los valores de x real debe ser 0, 1, 2, ...

Answer 3

Las categorías de plugins (jquery.flot.categories.js) va a hacer esto bastante bien, por lo que los datos pueden ser formateados como esto:

var data = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ]; 

y la trama de esta manera:

Ver : http://www.flotcharts.org/flot/examples/categories/index.html