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

Question

我想以HH：mm：ss时间格式在图表的y轴上显示时间。现在，我以秒为单位表示数据。

有可能吗？

Answer 1

我使用扩展器解决了我的问题：

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>

bean：

multiAxisChartModel.setExtender("customFormatter");