Flot With "String" axe des x

Question

Lors de l'utilisation de flot, j'aimerais disposer d'un axe x basé sur une chaîne. Par exemple, j'ai une liste de clients "Bob", "Chris", "Joe" et j'aimerais tracer leurs revenus sur l'axe des ordonnées. (ceci est un graphique à barres)

À première vue, il semble que flot ne prenne en charge que les types numériques sur l’axe des x. Est-ce vrai?

Answer 1

@Matt est proche, mais il serait plus logique d'utiliser simplement l'option ticks pour spécifier directement quels ticks doivent avoir quelles étiquettes:

 var options = {

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

};
 

EDIT : cela ressemble à ceci (j'ai ajouté plus de données que d'étiquettes, mais vous voyez l'idée).

Answer 2

Vous devriez pouvoir le faire en utilisant l'option tickFormatter selon cette question . Je n'ai pas essayé moi-même, mais tentez ceci:

 var xAxisLabels = ['Bob', 'Chris', 'Joe'];

function xAxisLabelGenerator(x)
{
    return xAxisLabels[x];
}

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

});

Cela signifie que les valeurs x réelles doivent être 0, 1, 2, ...

Answer 3

Le plugin Categories (jquery.flot.categories.js) le fera très bien, afin que les données puissent être formatées comme ceci:

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

et complot comme ceci:

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