0

例子

pivotUI js 我遇到了pivotUI js（图表创建 JS）的问题。
我想将持续时间字段的总值计算为小时：分钟格式。但是 pivotUI js 默认函数对我的要求没有帮助。
我想创建自定义函数以将持续时间计算为小时和分钟格式。
有什么建议么 ？
我的代码如下所示。 

 var renderers = $.extend($.pivotUtilities.renderers, $.pivotUtilities.export_renderers, $.pivotUtilities.gchart_renderers, $.pivotUtilities.derivers);
                    var tpl = $.pivotUtilities.aggregatorTemplates;
                    $("#output").pivotUI(data.data, {
                        renderers: renderers,
                        rows: ["fieldOne", "fieldTwo", "fieldThree", "Duration"],
                        cols: [],
                        //hiddenAttributes: ["Total"],
                        aggregators: {
                            "Total Time": function () {
                                return tpl.sum()(["Duration"]);
                            }
                        },
                        aggregatorName: "Total Time"
                    });
4

1 回答 1

0

在非常深层次的调试之后，最后我通过添加自定义函数来计算pivot.js文件的持续时间得到了解决方案。

第 1 步：首先在 js 上定义您的自定义变量，就像在 pivot.js 中使用的其他变量一样（hourMinuteFormat，hourMinuteInt 是自定义变量）。例如：

var PivotData, addSeparators, aggregatorTemplates, aggregators, dayNamesEn, derivers, getSort, locales, mthNamesEn, naturalSort, numberFormat, pivotTableRenderer, renderers, sortAs, usFmt, usFmtInt, usFmtPct, zeroPad, hourMinuteFormat, hourMinuteInt;

第 2 步：创建获取持续时间并按如下逻辑计算总小时数和总分钟数的函数。 

 hourMinuteFormat = function (opts) {
            var defaults;
            defaults = {
                separator: ":"
            };
            opts = $.extend({}, defaults, opts);
            return function (x) {
                var totalh = Math.floor(x / 60);
                if (totalh < 10)
                {
                    totalh = "0" + totalh;
                }
                var totalm = x % 60;
                if (totalm < 10)
                {
                    totalm = "0" + totalm;
                }
                var result = totalh + opts.separator + totalm;
                return result;
            };
        };
        hourMinuteInt = hourMinuteFormat();

第 3 步：之后需要再创建一个函数，该函数接受“hh:mm”格式的持续时间，并使用“:”进行进一步处理以将其拆分并存储在不同的变量上，如小时、分钟。 

 HoursMinutes: function (formatter) {
                if (formatter == null) {
                    formatter = hourMinuteInt;
                }

                return function (arg) {
                    var attr;
                    attr = arg[0];
                    return function (data, rowKey, colKey) {
                        return {
                            sum: 0,
                            push: function (record) {
                                if (record[attr]) {
                                    var minute = parseInt((record[attr]).split(':')[1]);
                                    var hour = parseInt((record[attr]).split(':')[0]) * 60;
                                    return this.sum += minute + hour;
                                }
                            },
                            value: function () {
                                return this.sum;
                            },
                            format: formatter,
                            numInputs: attr != null ? 0 : 1
                        };
                    };
                };
            },

第 4 步：找到$.pivotUtilities定义了其他默认函数的数组，定义您的自定义函数，如下所示：

 $.pivotUtilities = {
            aggregatorTemplates: aggregatorTemplates,
            aggregators: aggregators,
            renderers: renderers,
            derivers: derivers,
            locales: locales,
            naturalSort: naturalSort,
            numberFormat: numberFormat,
            sortAs: sortAs,
            PivotData: PivotData,
            hourMinuteFormat: hourMinuteFormat //custom function
        };

第 5 步：在您要计算持续时间的文件中，您需要使用名为HoursMinutes()的函数，如下所示。 

 var renderers = $.extend($.pivotUtilities.renderers, $.pivotUtilities.export_renderers, $.pivotUtilities.gchart_renderers, $.pivotUtilities.derivers);
                    var tpl = $.pivotUtilities.aggregatorTemplates;
                    $("#output").pivotUI(data.data, {
                        renderers: renderers,
                        rows: ["fieldOne", "fieldTwo", "fieldThree", "Duration"],
                        cols: [],
                        aggregators: {
                            "Total Time": function () {
                                return tpl.HoursMinutes()(["Duration"]);
                            }
                        },
                        aggregatorName: "Total Time"
                    });

我希望它可以理解，如果有人有疑问，可以问我。

于 2019-01-28T11:37:42.687 回答