【问题标题】:Extjs 4: Time Stacked Bar Chart, possible?Extjs 4:时间堆积条形图,可能吗?
【发布时间】:2012-02-29 13:13:32
【问题描述】:

您好,我正在尝试完成一个时间堆积条形图,其中输入数据如下所示:

{"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 @ 中的堆栈栏示例987654322@。我正在尝试做的图片示例:

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

谢谢。

【问题讨论】:

  • 你能告诉我如何在 Highcharts 中做到这一点吗?我已经发布了我的问题here。非常感谢。
  • 或者您能否告诉我您使用哪种图表类型来绘制图表以及输入数据格式是什么。谢谢!

标签: extjs extjs4 bar-chart


【解决方案1】:

我花了一些时间在 ExtJs4 中处理基于时间的图表,我必须警告你 - TimeAxis 有问题。我什至不得不用简单的数字轴替换我的时间轴。这个想法很简单 - 将您的日期转换为时间戳并将它们传递给您的数字轴。

Stackbar 图表是您的不错选择。参见官方 sencha 示例中的这个示例(稍作修改):

http://jsfiddle.net/UDwz7/

【讨论】:

  • 谢谢,我已经按照自己的方式做到了,但现在我遇到的问题是我需要在 x 轴上显示时间并且没有数字,有什么建议吗?
  • 您总是可以将时间戳转换为日期时间。 stackoverflow.com/questions/847185/…
猜你喜欢
  • 2011-08-14
  • 1970-01-01
  • 1970-01-01
  • 2017-02-26
  • 2016-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多