55128.cn_kjh.55128.cn_m.55128.cn/CP55128/CB.Admin/Static/js/trendChart.js

var trendInit = function () {
    var c = trendChart("chartData", "chartLine");
    c.Init();
    $("th.sort_up,th.sort_down").click(function () {
        c.Sort();
        if (this.className == "sort_up") {
            this.className = "sort_down";
            c.sortDirection = 1;
        } else {
            this.className = "sort_up";
            c.sortDirection = 0;
        }
    });
    $(".ctl-box").children(".ctl-item").children(":checkbox").click(function () {
        var $this = $(this);
        var $checked = ($this.attr("checked") || "") == "checked";
        var _name = $this.attr("name");
        $(".ctl-box").children(".ctl-item").children("[name='" + _name + "']").each(function () { $(this).attr("checked", $checked); });
        switch (_name) {
            case "ctl_foldLine":
                c.ShowLine($checked);
                break;
            case "ctl_miss":
                $("#trendBox").attr("class", $checked ? "trend nomiss" : "trend");
                break;
            case "ctl_sliceMiss":
                c.SliceMiss($checked);
                break;
            case "ctl_repeat":
                c.Repeat($checked);
                break;
            case "ctl_continuous":
                c.Continuous($checked);
                break
            case "ctl_near":
                c.Near($checked);
                break;
            case "ctl_jump":
                c.Jump($checked);
                break;
        }
    });
    $("#preseleBody").children("tr").children("td").each(function () {
        var $this = $(this);
        var pl = $this.attr("pl") || "";
        if (0 < pl.length) {
            $this.click(function () {
                $this.attr("class", ($this.attr("class") == "presele-ball" ? "presele-" + pl : "presele-ball"));
            });
        }
        var css = $this.attr("class") || "";
        if ("presele-title" == css) {
            $this.children("span").click(function () { $this.parent().hide(); });
            $this.children("strong").click(function () {
                var t = $("#preseleBody").children("tr");
                for (var i = 1; i < t.length; i++) {
                    if ("none" == t.eq(i).css("display")) {
                        t.eq(i).show(); break;
                    }
                }
            });
        }
    });
    $(".dataAnalysisBox").children(":radio").click(function () {
        var $this = $(this);
        var $checked = ($this.attr("checked") || "") == "checked";
        var _id = $this.attr("id");
        var c = "currentAnalysis" == _id;
        if ((c && $checked) || (!c && !$checked)) {
            $("#currentData").attr("style", "");
            $("#historyData").hide();
        } else {
            $("#currentData").hide();
            $("#historyData").attr("style", "");
        }
    });
}
var trendChart = function (t, d, i, s) {
    this.sortDirection = 0;
    var _f = chartLine();
    var _d = $("#" + d);
    var _e = $("#" + t);
    var _i = i || 8;
    var _s = s || 1.5;
    var a_p = new Array();

    this.Init = function () {
        _d.html("");
        var row = _e.children("tr");
        var t = "", c = "", k = 0, u = new Array(), l = new Array();
        for (var i = row.length - 1; i >= 0; i--) {
            var col = row.eq(i).children("td");
            for (var j = col.length - 1; j >= 0; j--) {
                t = col.eq(j).attr("lgroup") || "";
                if (0 >= t.length)
                    continue;
                c = col.eq(j)[0].className.indexOf("red") == -1 ? "#387ec0" : "#b94c59"
                l[k] = f_a(col.eq(j), t);
                if (u && u[k] && u[k].g == l[k].g) {
                    f_paint(f_b(u[k], l[k], c));
                }
                k++;
            }
            k = 0; u = l; l = new Array();
        }
    };
    this.Sort = function () {
        var row = new Array();
        var _tr = _e.children("tr");
        for (var i = _tr.length - 1; i >= 0; i--) {
            row.push(_tr.eq(i)[0].outerHTML);
        }
        _d.html("");
        _e.html(row.join(""));
        f_repaint();
    };
    this.ShowLine = function (show) {
        if (!show) { _d.hide(); } else { _d.show(); }
    };
    this.SliceMiss = function (show) {
        var row = _e.children("tr");
        var v = 0, name = "", cell = new Array(), a_sm = new Array();
        if (0 == this.sortDirection) {
            for (var i = row.length - 1; i >= 0; i--) {
                var col = row.eq(i).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    name = col.eq(j).attr("lgroup") || "";
                    if (0 < name.length) {
                        if (!cell.Contain(j)) { cell.push(j); }
                        continue;
                    }
                    name = col.eq(j).attr("class") || "";
                    if (name.indexOf("miss") == -1) {
                        if (!cell.Contain(j)) { cell.push(j); }
                        continue;
                    }
                    if (!cell.Contain(j)) {
                        a_sm.push({ obj: col.eq(j), cell: j, row: v });
                    }
                }
                v++;
            }
        }
        else {
            for (var i = 0; i < row.length; i++) {
                var col = row.eq(i).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    name = col.eq(j).attr("lgroup") || "";
                    if (0 < name.length) {
                        if (!cell.Contain(j)) { cell.push(j); }
                        continue;
                    }
                    name = col.eq(j).attr("class") || "";
                    if (name.indexOf("miss") == -1) {
                        if (!cell.Contain(j)) { cell.push(j); }
                        continue;
                    }
                    if (!cell.Contain(j)) {
                        a_sm.push({ obj: col.eq(j), cell: j, row: v });
                    }
                }
                v++;
            }
        }
        var cssCell = new Array();
        for (var i = a_sm.length - 1; i >= 0; i--) {
            if (a_sm[i].row > 11) {
                cssCell[a_sm[i].cell] = "sliceMiss-m";
                continue;
            }
            if (a_sm[i].row > 5) {
                cssCell[a_sm[i].cell] = cssCell[a_sm[i].cell] || "sliceMiss-11";
                continue;
            }
            cssCell[a_sm[i].cell] = cssCell[a_sm[i].cell] || "sliceMiss-5";
        }
        var css = "";
        for (var i = a_sm.length - 1; i >= 0; i--) {
            css = cssCell[a_sm[i].cell] || "sliceMiss-5";
            if (show)
                a_sm[i].obj.attr("class", a_sm[i].obj.attr("class") + " " + css);
            else
                a_sm[i].obj.attr("class", a_sm[i].obj.attr("class").replace(css, ""));
        }
    };
    this.Repeat = function (show) {
        var row = _e.children("tr");
        if (0 == this.sortDirection) {
            for (var i = 1; i < row.length; i++) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i - 1).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    if (0 >= (col.eq(j).attr("lgroup") || "").length)
                        continue;
                    if (0 >= (cot.eq(j).attr("lgroup") || "").length)
                        continue;
                    col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-green" : col.eq(j)[0].className.replace("ball-green", "");
                }
            }
        }
        else {
            for (var i = row.length - 2; i >= 0; i--) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i + 1).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    if (0 >= (col.eq(j).attr("lgroup") || "").length)
                        continue;
                    if (0 >= (cot.eq(j).attr("lgroup") || "").length)
                        continue;
                    col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-green" : col.eq(j)[0].className.replace("ball-green", "");
                }
            }
        }
    };
    this.Near = function (show) {
        var row = _e.children("tr");
        var g = "", gtl = "", gtr = "";
        if (0 == this.sortDirection) {
            for (var i = 1; i < row.length; i++) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i - 1).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    g = col.eq(j).attr("lgroup") || "";
                    if (0 >= g.length)
                        continue;
                    gtl = cot.eq(j - 1).attr("lgroup") || "";
                    gtr = cot.eq(j + 1).attr("lgroup") || "";
                    if (g == gtl || g == gtr) {
                        col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-orange" : col.eq(j)[0].className.replace("ball-orange", "");
                    }
                }
            }
        }
        else {
            for (var i = row.length - 2; i >= 0; i--) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i + 1).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    g = col.eq(j).attr("lgroup") || "";
                    if (0 >= g.length)
                        continue;
                    gtl = cot.eq(j - 1).attr("lgroup") || "";
                    gtr = cot.eq(j + 1).attr("lgroup") || "";
                    if (g == gtl || g == gtr) {
                        col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-orange" : col.eq(j)[0].className.replace("ball-orange", "");
                    }
                }
            }
        }
    };
    this.Jump = function (show) {
        var row = _e.children("tr");
        if (0 == this.sortDirection) {
            for (var i = 2; i < row.length; i++) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i - 2).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    if (0 >= (col.eq(j).attr("lgroup") || "").length)
                        continue;
                    if (0 >= (cot.eq(j).attr("lgroup") || "").length)
                        continue;
                    col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-purple" : col.eq(j)[0].className.replace("ball-purple", "");
                }
            }
        }
        else {
            for (var i = row.length - 3; i >= 0; i--) {
                var col = row.eq(i).children("td");
                var cot = row.eq(i + 2).children("td");
                for (var j = col.length - 1; j >= 0; j--) {
                    if (0 >= (col.eq(j).attr("lgroup") || "").length)
                        continue;
                    if (0 >= (cot.eq(j).attr("lgroup") || "").length)
                        continue;
                    col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-purple" : col.eq(j)[0].className.replace("ball-purple", "");
                }
            }
        }
    };
    this.Continuous = function (show) {
        var row = _e.children("tr");
        var g = "", gr = "";
        for (var i = row.length - 1; i >= 0; i--) {
            var col = row.eq(i).children("td");
            for (var j = 1; j < col.length; j++) {
                g = col.eq(j).attr("lgroup") || "";
                if (0 >= g.length)
                    continue;
                gr = col.eq(j - 1).attr("lgroup") || "";
                if (g == gr) {
                    col.eq(j)[0].className = show ? col.eq(j)[0].className + " ball-lightgreen" : col.eq(j)[0].className.replace("ball-lightgreen", "");
                }
            }
        }
    };
    var f_paint = function (p) {
        if (!p || p == "undefined")
            return;
        _d.append(_f.paint(p, _s));
    };
    var f_repaint = function () {
        var h = _e.height(), t = _e.position().top;
        for (var i = a_p.length - 1; i >= 0; i--) {
            a_p[i].s.t = h + 2 * t - a_p[i].s.t;
            a_p[i].e.t = h + 2 * t - a_p[i].e.t;
            _d.append(f_paint(a_p[i]));
        }
    };
    var f_b = function (x, y, z) {
        var x1 = x.l - y.l, x2 = x.t - y.t;
        var s = Math.round(Math.sqrt(Math.pow(x1, 2) + Math.pow(x2, 2)));
        var t = Math.round((x1 * _i) / s);
        var p = Math.round((x2 * _i) / s);
        var a = { s: { l: x.l - t, t: x.t - p }, e: { l: y.l + t, t: y.t + p }, c: z };
        a_p.push(a);
        return a;
    };
    var f_a = function (o, p) {
        var _o = o.position();
        return {
            l: _o.left + o.width() / 2,
            t: _o.top + o.height() / 2,
            g: p
        };
    };
    return this;
}
var chartLine = function () {
    this.paint = function (c, a) {
        return (_ie && _vn < 9) ? _i(c, a) : _g(c, a);
    };
    var _ie = (function c() {
        return (window.navigator.userAgent.toString().toLowerCase().indexOf('msie') >= 1)
    })();
    var _vn = (function () {
        var m, k = 3,
            n = document.createElement("div"),
            l = n.getElementsByTagName("i");
        while (n.innerHTML = "<!--[if gt IE " + (++k) + "]><i></i><![endif]-->", l[0]) { }
        return k > 4 ? k : m
    })();
    var _t = function (n) {
        return n * 0.75;
    };
    var _i = function (o, p) {
        var k = document.createElement("<v:line></v:line>");
        k.from = o.e.l + "," + o.e.t;
        k.to = o.s.l + "," + o.s.t;
        k.StrokeColor = o.c || "#000";
        k.StrokeWeight = p || 1.5 + "px";
        k.style.cssText = "position:absolute;top:0;left:0";
        //k.style.visibility = "visible";
        k.coordOrigin = "0,0";
        return k;
    };
    var _g = function (r, s) {
        var k = document.createElement("canvas");
        var w = Math.abs(r.s.l - r.e.l) || 2;
        k.width = w;
        k.height = Math.abs(r.s.t - r.e.t);
        var u = Math.min(r.s.t, r.e.t), v = Math.min(r.s.l, r.e.l);
        k.style.top = u + "px";
        k.style.left = v + "px";
        k.style.position = "absolute";
        k.style.visibility = "visible";
        var d = k.getContext("2d");
        d.save();
        d.strokeStyle = r.c || "#000";
        d.lineWidth = s || 2 + "px";
        d.beginPath();
        d.moveTo(r.s.l - v, r.s.t - u);
        d.lineTo(r.e.l - v, r.e.t - u);
        d.closePath();
        d.stroke();
        d.restore();
        return k;
    };
    return this;
};