Extjs 4 : Time Stacked Bar Chart, 可能吗？

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 有问题。我什至不得不用简单的数字轴替换我的时间轴。这个想法很简单 - 将日期转换为时间戳并将它们传递到数字轴。

堆栈条形图是您不错的选择。请参阅此示例(稍作修改)，来自官方 sencha 示例:

http://jsfiddle.net/UDwz7/