0

我已经为这个问题苦苦挣扎了几天,我似乎找不到我做错了什么(或没有做),所以我终于决定打开一个话题,因为这让我发疯了,我压力这只是一个容易被忽视的错误。

//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 页面上的所有示例都是整数,或者它们使用定时数据(这也是如此,但本质上,不能仅从时间生成有效的时间戳)。

我希望有人可以在这里展示我做错了什么。

4

1 回答 1

1

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

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

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

另一种选择是使用我们在 0.8 中添加的新类别插件

于 2013-05-16T11:27:58.797 回答