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