Primefaces p:带日期时间轴的图表

Primefaces p:带日期时间轴的图表,primefaces,charts,jqplot,Primefaces,Charts,Jqplot,我正在尝试使用Primefaces 5.1的组件创建折线图 我需要X轴显示时间。大概是这样的: 但仅针对旧版本的文档 我发现了以下几点: 但是在5.1版中没有这样的标签,甚至连属性extender=“”都没有 我根据showcase创建了我的图表: 但是这个例子没有多大帮助,因为它只处理日期。使之复杂化的是字符串。我需要时间 我想知道是否有人已经在新版本的Primefaces中创建了类似的东西。 编辑: 再搜索一下,我发现了这个主题: 我使用了上面提到的例子,我可以让它工作

我正在尝试使用Primefaces 5.1的组件
创建折线图

我需要X轴显示时间。大概是这样的:

但仅针对旧版本的文档

我发现了以下几点:

但是在5.1版中没有这样的标签,甚至连属性
extender=“”
都没有

我根据showcase创建了我的图表:

但是这个例子没有多大帮助,因为它只处理日期。使之复杂化的是字符串。我需要时间

我想知道是否有人已经在新版本的Primefaces中创建了类似的东西。

编辑:

再搜索一下,我发现了这个主题:

我使用了上面提到的例子,我可以让它工作

我所看到的是,当它是DateAxis时,需要设置
axis.setMax()
。最后看起来是这样的:

它按我的需要工作,但有两件事我不明白:

首先:需要设置轴的原因。setMax()


Second:
axis.setTickFormat(“%H:%#M:%S”)
中使用了什么模式?

好的,我想现在我找到了一个可接受的解决方案

图表的最初问题是axis.setMax()

轴.setTickFormat中使用的模式为:

Code    Result                  Description
            == Years ==
%Y      2008                Four-digit year
%y      08                  Two-digit year
            == Months ==
%m      09                  Two-digit month
%#m     9                   One or two-digit month
%B      September           Full month name
%b      Sep                 Abbreviated month name
            == Days ==
%d      05                  Two-digit day of month
%#d     5                   One or two-digit day of month
%e      5                   One or two-digit day of month
%A      Sunday              Full name of the day of the week
%a      Sun                 Abbreviated name of the day of the week
%w      0                   Number of the day of the week (0 = Sunday, 6 = Saturday)
%o      th                  The ordinal suffix string following the day of the month
            == Hours ==
%H      23                  Hours in 24-hour format (two digits)
%#H     3                   Hours in 24-hour integer format (one or two digits)
%I      11                  Hours in 12-hour format (two digits)
%#I     3                   Hours in 12-hour integer format (one or two digits)
%p      PM                  AM or PM
            == Minutes ==
%M      09                  Minutes (two digits)
%#M     9                   Minutes (one or two digits)
            == Seconds ==
%S      02                  Seconds (two digits)
%#S     2                   Seconds (one or two digits)
%s      1206567625723       Unix timestamp (Seconds past 1970-01-01 00:00:00)
            == Milliseconds ==
%N      008                 Milliseconds (three digits)
%#N     8                   Milliseconds (one to three digits)
            == Timezone ==
%O      360                 difference in minutes between local time and GMT
%Z      Mountain Standard Time  Name of timezone as reported by browser
%G      -06:00              Hours and minutes between GMT
            == Shortcuts ==
%F      2008-03-26          %Y-%m-%d
%T      05:06:30            %H:%M:%S
%X      05:06:30            %H:%M:%S
%x      03/26/08            %m/%d/%y
%D      03/26/08            %m/%d/%y
%#c     Wed Mar 26 15:31:00 2008  %a %b %e %H:%M:%S %Y
%v      3-Sep-2008          %e-%b-%Y
%R      15:31               %H:%M
%r      3:31:00 PM          %I:%M:%S %p
            == Characters ==
%n      \n                  Newline
%t      \t                  Tab
%%      %                   Percent Symbol
模型:

private void createDateModel(){
dateModel=新的LineChartModel();
LineChartSeries系列1=新的LineChartSeries();
系列1.设置标签(“系列1”);
序列1.集合(“2014-01-01 00:10:50”,51);
序列1.集合(“2014-01-01 00:10:51”,22);
序列1.集合(“2014-01-01 00:10:52”,65);
序列1.集合(“2014-01-01 00:10:53”,35);
dateModel.addSeries(系列1);
getAxis(AxisType.Y).setLabel(“值”);
DateAxis=新的DateAxis(“日期”);
轴设置角度(-50);
轴设定最大值(“2014-01-01 00:10:56”);
axis.setTickFormat(“%H:%#M:%S”);
dateModel.getAxes().put(AxisType.X,axis);
}
图表如下: