Question

我几天来一直在努力解决这个问题，我似乎无法找到我做错了什么（或者没做错），所以我最终决定开一个话题，因为这让我疯狂，我认为这只是一个容易被忽视的错误。

//baroptions.xaxis.ticks = [[189, 'Wed 11h']];
//baroptions.yaxis.max = 200;

     baroptions.xaxis.ticks = [[0,'Wed 11h'], [1,'Wed 12h']];
baroptions.yaxis.max = 200;
 $.plot($("#poep"), [{
     data: [['Wed 11h', 100],['Wed 12h', 200]],
     label: 'Outgoing',
     bars: {show: true, barWidth: 0.5},
     color: "#00FF00"
     }], baroptions);

baroptions有效，当我更改数据以匹配数字数据时，这些选项有效。

以上只是一个随机的数据样本，最终会填充图形，例如：wed 11h，wed 12h，wed 13h，这些都是字符串。根据FLOT api文档，我必须使用刻度来指定它们，但是我的图表中没有显示数据。 FLOT页面上的所有示例都是整数，或者它们使用定时数据（这也是基本上，但是，无法从时间上制作有效的时间戳）。

我希望有人能在这里表明我做错了什么。

Answer 1

x轴值本身必须始终为数字;文档中建议的方法只会更改其标签。所以要修复你的例子，你需要使用它：

data: [[0, 100], [1, 200]],

这里您使用数字值，如Flot所期望的那样，而您的'ticks'选项会将这些值的刻度标签更改为您的字符串。

另一种选择是使用我们在0.8中添加的新categories plugin。

FLOT无法正确获得x轴

1 个答案: