significado - flot traduccion

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)

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

Answer 1

Debería poder hacer esto usando la opción tickFormatter según esta pregunta . No lo he probado yo mismo, pero dale una oportunidad:

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 x reales deben ser 0, 1, 2, ...

Answer 2

El plugin de Categorías (jquery.flot.categories.js) hará esto bastante bien, para que los datos puedan formatearse así:

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

y trama así:

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

Answer 3

@Matt está cerca, pero tendría más sentido simplemente usar la opción ticks para especificar directamente qué marcas deben tener qué etiquetas:

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

EDITAR : se ve así (agregué más datos que etiquetas, pero entiendes la idea).