y轴上的时间格式Primafaces多轴LineChart

时间:2015-07-23 12:26:21

标签: java jsf primefaces charts

我想在图表的y轴上显示时间为HH:mm:ss时间格式。现在我用秒表示数据。

有可能吗?

1 个答案:

答案 0 :(得分:0)

我用扩展器来解决我的问题:

XHTML:

<p:chart type="line" model="#{myBean.multiAxisChartModel}" style="width:800px;" extender="customFormatter" />
<script type="text/javascript">
    function customFormatter() {
        this.cfg.axes.y2axis.tickOptions.formatter = function(format, value) {
            d = Number(value);
            var h = Math.floor(d / 3600);
            var m = Math.floor(d % 3600 / 60);
            var s = Math.floor(d % 3600 % 60);
            return (h.toString().length == 1 ? ("0" + h) : h) + ":" + (m.toString().length == 1 ? ("0" + m) : m) + ":" + (s.toString().length == 1 ? ("0" + s) : s);
        };
    }
</script>

豆:

multiAxisChartModel.setExtender("customFormatter");

enter image description here