使用“string”x轴浮动

当使用flot我想有一个基于string的x轴。 例如，我有一个客户名单“鲍勃”，“克里斯”，“乔”，并想绘制他们的收入在Y轴。 （这是一个条形图）

看起来乍一看flot只支持x轴上的数字types。 这是真的？

Answer 1

@Matt是接近的，但是使用ticks选项来直接指定哪些tick应该有什么标签会更有意义：

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

编辑 ：它看起来像这样 （我添加了更多的数据比标签，但你明白了）。

Answer 2

Categories插件（jquery.flot.categories.js）可以很好地完成这个工作，所以数据可以像这样被格式化：

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

和这样的情节：

请参阅： http : //www.flotcharts.org/flot/examples/categories/index.html

Answer 3

你应该可以按照这个问题使用tickFormatter选项。 我自己也没有尝试过，但请注意一下：

 var xAxisLabels = ['Bob', 'Chris', 'Joe']; function xAxisLabelGenerator(x){ return xAxisLabels[x]; } var plot = $.plot($("#placeholder"), { // snip other options... xaxis: { transform: xAxisLabelGenerator, tickFormatter: xAxisLabelGenerator } }); 

这意味着实际的x值应该是0, 1, 2, ...