Extjs 4：时间堆积条形图，可能吗？

Question

您好我正在尝试完成时间堆积条形图，输入数据如下所示：

{"name":"Folienwechsel",
 "starttime":"02/29/2012 09:50:07",
 "endtime":"02/29/2012 09:50:46",
 "duration":38546.0},
{"name":"Pause",
 "starttime":"02/29/2012 09:50:46",
 "endtime":"02/29/2012 09:51:36",
 "duration":49943.0},
{"name":"Wartezeiten",
 "starttime":"02/29/2012 09:51:36",
 "endtime":"02/29/2012 10:04:43",
 "duration":787086.0}

正如您所看到的那样，开始时间和结束时间都在继续，当状态完成时，另一个开始，我一直在尝试使用时间轴，基于本教程http://aboutfrontend.com/extjs/extjs...-and-timeaxis/，以及堆栈栏示例sencha http://docs.sencha.com/ext-js/4-0/#!...tackedBar.html。我正在尝试做的图像示例：

我已经用HighChart完成了这个，但是我的公司已经购买了ExtJs然后我需要用Extjs做这个，那么如果有人可以告诉我它是否可能，那将会很棒，如果可能的话，那么是否可以指导我一个例子或我该如何开始...

感谢。

Answer 1

我花了一些时间在ExtJs4中使用基于时间的图表，我必须警告你 - TimeAxis是错误的。我甚至不得不用简单的数字代替我的时间轴。这个想法很简单 - 将日期转换为时间戳并将它们传递给数字轴。

Stackbar chart是一个不错的选择。从官方的sencha示例中看到这个例子（修改了一下）：

http://jsfiddle.net/UDwz7/