p: диаграмма с осью DateTime

Question

Я пытаюсь создать линейную диаграмму, используя компонент <p:chart> из Прайса 5.1.

И мне нужно, чтобы ось X отображала время. Что-то вроде этого:

Но только против документации старой версии.

Я нашел несколько вещей, как:

• Customize primefaces chart
• http://forum.primefaces.org/viewtopic.php?f=3&t=23891&p=78637#p78637

Но в версии 5.1 нет такого тега <p:lineChart>, и даже не атрибут extender="".

Я создал схему, основанную на витрине:

• http://www.primefaces.org/showcase/ui/chart/date.xhtml

Но этот пример не помогает, потому что она работает только с датой. И усложнять - это String. Мне нужны часы.

Интересно, кто-то уже создал нечто похожее в более новых версиях Prime.

EDIT:

Поиск немного больше, я нашел эту тему:

• http://forum.primefaces.org/viewtopic.php?f=16&t=40301&p=127330&hilit=p%3Achart+date#p127330

Я использовал пример упомянул, и я мог заставить его работать.

Что я могу видеть, когда это DateAxis требуется для установки axis.setMax(). В конце выглядит следующим образом:

Он работал, как мне нужно, но две вещи, которые я не понимал:

Первое: Причина требуется установить axis.setMax().

Второй: Что это за шаблон, используемый в axis.setTickFormat("%H:%#M:%S")?

Answer 1

Хорошо, теперь я нашел приемлемое решение.

Первоначальная проблема с диаграммой была axis.setMax().

И шаблон, используемый в axis.setTickFormat является:

• http://www.jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html

Модель:

private void createDateModel() { 
    dateModel = new LineChartModel(); 
    LineChartSeries series1 = new LineChartSeries(); 
    series1.setLabel("Series 1"); 
    series1.set("2014-01-01 00:10:50", 51); 
    series1.set("2014-01-01 00:10:51", 22); 
    series1.set("2014-01-01 00:10:52", 65); 
    series1.set("2014-01-01 00:10:53", 35); 
    dateModel.addSeries(series1); 
    dateModel.getAxis(AxisType.Y).setLabel("Values"); 
    DateAxis axis = new DateAxis("Dates"); 
    axis.setTickAngle(-50); 
    axis.setMax("2014-01-01 00:10:56"); 
    axis.setTickFormat("%H:%#M:%S"); 
    dateModel.getAxes().put(AxisType.X, axis); 
} 

И диаграмма:

<p:chart type="line" model="#{controller.dateModel}" />