Я понял .... пожалуйста, посмотрите исправленный код ниже и jsfiddle -> http://jsfiddle.net/0hafgqys/1/
$(function () {
$('#container').highcharts({
chart: {
type: 'columnrange',
inverted: true
},
title: {
text: 'Equipment Status'
},
xAxis: {
categories: ['Status']
},
yAxis: {
type: 'datetime',
title: {
text: 'Timespan'
},
min : Date.UTC(2013, 07, 04, 13, 0, 0) - (24*60*60*1000),
scrollbar: {
enabled: true
},
},
plotOptions: {
columnrange: {
grouping: false , borderWidth:0,
}
},
legend: {
enabled: true
},
tooltip: {
formatter: function () {
return '' + this.x + ' - ' + this.series.name + '
' + Highcharts.dateFormat('%e %B %H:%M', this.point.low) +
' - ' + Highcharts.dateFormat('%B %e %H:%M', this.point.high) + '
';
}
},
series: [{
name: 'Producing',
data: [{
x: 0,
low: Date.UTC(2013, 07, 03, 0, 0, 0),
high: Date.UTC(2013, 07, 03, 4, 0, 0)
}, {
x: 0,
low: Date.UTC(2013, 07, 03, 10, 0, 0),
high: Date.UTC(2013, 07, 03, 12, 0, 0)
}, {
x: 0,
low: Date.UTC(2013, 07, 03, 14, 0, 0),
high: Date.UTC(2013, 07, 03, 15, 0, 0)
}
]
}, {
name: 'Breakdown',
data: [{
x: 0,
low: Date.UTC(2013, 07, 03, 4, 0, 0),
high: Date.UTC(2013, 07, 03, 10, 0, 0)
}, {
x: 0,
low: Date.UTC(2013, 07, 03, 18, 0, 0),
high: Date.UTC(2013, 07, 03, 24, 0, 0)
}]
}, {
name: "Changeover",
data: [{
x: 0,
low: Date.UTC(2013, 07, 04, 1, 0, 0),
high: Date.UTC(2013, 07, 04, 5, 0, 0)
}, {
x: 0,
low: Date.UTC(2013, 07, 02, 10, 0, 0),
high: Date.UTC(2013, 07, 02, 23, 0, 0)
}, ]
}, {
name: "TrialRun",
data: [{
x: 0,
low: Date.UTC(2013, 07, 04, 5, 0, 0),
high: Date.UTC(2013, 07, 04, 13, 0, 0)
}, {
x: 0,
low: Date.UTC(2013, 07, 02, 2, 0, 0),
high: Date.UTC(2013, 07, 02, 10, 0, 0)
}]
}]
});
});
Aleksey Kudryavtsev: можно переопределить onBind метод в контроллере, я, как который Вы наклоняете скрипку что-то специальное в объекте команды,
dateField = new SimpleFormat("YYYY-mm-dd").parse(this.year + "-" + this.month + "-" this.day);
или:
Calendar c = Calendar.getInstance();
c.set(year, month, day);
dateField = calendar.getTime();
но я сделал бы проверку в JavaScript и использовал бы некоторый доступный компонент средства выбора даты, существуют многие из них...
Вы могли создать скрытый вход в своей форме и заполнить ее с помощью JavaScript, когда пользователь выбирает дату, затем свяжите с этим входом в объекте команды.
Вероятно, Вы будете использовать JavaScript так или иначе для вещей как проверка правильности даты, итак, почему не форматируют готовое для использования даты в одном параметре.
Затем необходимо зарегистрировать редактор свойств, который преобразовал бы из строки "2008-05-20" для датирования объекта.
затем я имел бы три поля в своем объекте команды - год, месяц, день и буду использовать стандартную пружинную проверку для проверки даты