Extjs 4: столбчатая диаграмма со временем, возможно? - PullRequest
Новая
       16

Extjs 4: столбчатая диаграмма со временем, возможно?

2 голосов
/ 29 февраля 2012

Привет. Я пытаюсь составить столбчатую диаграмму, где входные данные выглядят так: 

{"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. Пример изображения того, что я пытаюсь сделать:

timeline

Я уже сделал это с HighChart, но моя компания купила ExtJs, тогда мне нужно сделать это с Extjs, тогда было бы замечательно, если бы кто-то мог сказать мне, если это возможно, и если это так, то если мог бы вести меня с пример или как мне начать ...

Спасибо.

1 Ответ

2 голосов
/ 01 марта 2012

Я потратил некоторое время на работу с графиками на основе времени в ExtJs4, и я должен предупредить вас - что TimeAxis глючит. Мне даже пришлось заменить свои временные оси на простые числовые. Идея проста - преобразовать ваши даты в метки времени и передать их на числовую ось.

Диаграмма Stackbar - хороший выбор для вас. Посмотрите этот пример (немного измененный) из официальных примеров sencha:

http://jsfiddle.net/UDwz7/

...