我正在尝试在折线图上自定义我的日期以显示每周数据但由于某种原因它不会呈现。 This question正是我所面对的,人们一直在说添加 min 属性会修复它。我已经尝试添加 min 属性但仍然没有运气可用,甚至所声明的 min 值也没有 max 未显示在图表上。 Firebug也没有给我任何错误,所以我现在迷路了,我所知道的是设置 min , max 和 tickInterval 不起作用。
以下是我的图表上发生的事情的屏幕截图:
这是扩展程序的代码:
function chartExtender() {
this.cfg.axes = {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
rendererOptions: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer
},
tickOptions: {
formatString: '%b-%d'
},
min: 'Dec 01, 2013',
max: 'Dec 30, 2013'
},
yaxis: {
min: 0,
rendererOptions: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer
}
}
};
this.cfg.axes.xaxis.ticks = this.cfg.categories;
}
这是我的jsf页面:
<h:head>
<h:outputScript name="./js/jqplot.canvasAxisTickRenderer.js"/>
<h:outputScript name="./js/jqplot.dateAxisRenderer.js"/>
<h:outputScript name="./js/jqplotExtender.js"/>
</h:head>
<h:body>
<ui:composition template="./../../../WEB-INF/template/stencil.xhtml">
<ui:define name="content">
<p:lineChart id="dailyChart" value="#{jqplot.chart.trafficModel}" legendPosition="ne" fill="true" extender="chartExtender"
seriesColors="FFB200" style="height:300px;margin:20px 10px" title="Last 30 Days" xaxisAngle="315"/>
</ui:define>
</ui:composition>
</h:body>
最后这是我的支持豆:
private AreaChart chart;
private List<DailyVisitBean> dailyvisit;
/*setters and getters omitted for brevity*/
public Jqplot() {
chart = new AreaChart();
dailyvisit = new ArrayList<>();
dailyvisit.add(new DailyVisitBean("2013-12-09", "55"));
dailyvisit.add(new DailyVisitBean("2013-12-10", "55"));
dailyvisit.add(new DailyVisitBean("2013-12-11", "51"));
dailyvisit.add(new DailyVisitBean("2013-12-12", "79"));
dailyvisit.add(new DailyVisitBean("2013-12-13", "49"));
dailyvisit.add(new DailyVisitBean("2013-12-14", "20"));
dailyvisit.add(new DailyVisitBean("2013-12-15", "32"));
dailyvisit.add(new DailyVisitBean("2013-12-16", "62"));
dailyvisit.add(new DailyVisitBean("2013-12-17", "58"));
dailyvisit.add(new DailyVisitBean("2013-12-18", "39"));
chart.setTrafficModel(dailyvisit);
}