jsf - jqPlot/Primefaces 扩展器和日期值的问题

Question

事情是这样的。我有很多持久的“快照”，其中包含一个 java.sql.Timestamp 和(为了简单起见)一个 int 作为数据。

我有一个包含 primefaces 3.4.1 的 JSF 页面 <p:lineChart>在它后面是一个包含图表模型的 ManagedBean。

假设我然后选择一个时间范围并获取该范围内的所有快照。并使用所有时间戳(x 轴)和所有整数(y 轴)填充图表的数据模型。

所以我在填充时所做的是:

data = new HashMap<Object, Number>();        
List<Snapshot> allSnapshots = persistenceService.getAllSnapshots();
for(int i = 0; i < allSnapshots.size(); i++) {
    Snapshot s = allSnapshots.get(i);
    data.put(new Date(s.getTimestamp().getTime()), s.getData());
}
chartModel.getSeries().get(0).setData(data);

(注意:在示例代码中，我只获取所有快照，因为我很快就生成了大约一百个)。

我这样设置图表:

<p:lineChart id="chart" value="#{backingBean.chartModel}" xaxisAngle="-90">
   <f:convertDateTime pattern="HH:mm:ss"/>
</p:lineChart>

它工作正常，但是当模型包含一百个数据点时，x 轴就会被所有刻度线挤满。

然后我所做的是使用 primefaces 的选项来使用 jqplot 扩展函数。所以我只添加 extender="extend"作为图表的属性，其中 extend是以下js函数:

function extend() {
      this.cfg.axes = {
          xaxis: {
              renderer: $.jqplot.DateAxisRenderer,
              rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer },
              tickOptions: {
                  showGridline: true,
                  formatString: '%H:%M',
                  angle: -90                        
             }         
         }
     }
}

这是它的当前版本..经过数小时的阅读和反复试验，我仍然无法正确理解，因为以下内容永远不会正确:

• 刻度线永远不会被渲染，因为日期永远不会被转换。目前这只是被忽略并且 formatString 本身是显示...
• 在实际数据的左右两侧创建了额外的刻度线，我不想这样。
• 当我只给 autoscale: true作为 jqplot 扩展程序的选项，我希望标记之间的间距可以正常。但是什么然后发生的是，间距很酷但原始日期标签变成了从 0 到可用数据量的空数字。!?

处理这个问题让我有点累了......也许我做的事情从根本上是错误的。否则我不知道为什么这么复杂..

感谢您的任何建议!

干杯

克里斯

---

编辑:

好的，感谢 perissf，我检查了这个:https://stackoverflow.com/a/14287971/870122

使用建议的扩展器，我得到以下输出: http://www.abload.de/img/clipboard01y6sgj.png

(抱歉，由于新用户限制，我无法直接发布图片:-/)

如您所见，刻度线正确呈现为 HH:MM，这非常好。但是正如您还看到的那样，出现了另一个非常奇怪的问题:

快照的给定时间范围是

• 开始时间:2013-01-28 13:01:25.415
• 结束时间:2013-01-28 13:14:32.145

当 JVM 在 glassfish 配置中设置为 UTC 时，我使用 System.currentTimeMillis() 收集了这些作为 UTC 时间戳。

如您所见，图中的数据点移动了一个小时，它们从 14:01 开始，看起来这些值已自动转换为我当前的时区，即 UTC+1。但是最左边的 x 轴刻度位于 13:00 的原始 UTC 值附近。

我收集 UTC 时间戳，因为我不知道应用程序将在哪个实际时区运行，但我想显示“翻译后”的时间值。所以自动切换到我的时区是一个不错的功能，但 x 轴缩放实际上并不好而且很奇怪。

我有什么建议可以摆脱它吗？

干杯

克里斯

---

编辑2:

好的，在使用 Firebug 调试呈现的页面时，我偶然发现了绘图对象中的 jqplot 内部变量，它似乎包含 x 轴的最小值和最大值。Min 设置为 13:00 左右的原始最小 UTC 值，max 设置为 14:15 左右的移位后的 UTC+1 值。

不知何故，最小值没有相应地移动到自动时区调整。

所有其他值，即 dataBounds、数据本身等，都很好地移动了一个小时。

我在 Bitbucket jqplot issue tracker 打开了一个问题

让我们看看。

再见

克里斯

Answer 1

我终于调试了 jqplot 渲染器并找到了导致此行为的一些代码行。

任何感兴趣的人，请在此处的评论部分找到错误修复: Bitbucket issue tracker

感谢您的帮助