gdsx/WebRoot/Html5/Script/newtrend/htm/trendChart.js

(function ($) {
    /*constant*/
    var MINPANWIDTH = 110;
    var SLIDEHEIGHT = 30;
    var PANMAG = 5;
    var PANHEAD = 10;
    var INDICTWIDTH = 12;
    var PERMSEC = 10000;
    var PERSEC = 10000000;
    var PERMINUTE = (PERSEC * 60);
    var PERHOUR = (PERMINUTE * 60);
    var PERDAY = (PERHOUR * 24);
    var SPANPAD = 6;
    var SPANLINEHEIGHT = 16;
    var BOTTOMBUTTONLEFT = 80;
    var SHOWTHUMBSHEIGHT = 32;
    var SLIDHLIMIT = 160;
    var SHOWTHUMBSHLIMT = 200;
    var SHOWTOOLBARHLIMIT = 232;
    var SHOWLISTHLIMT = 250;
    var TOOLBARHEIGHT = 32;
    var TIMELABELHEIGHT = 32;
    var MINLISTHEIGHT = 80;
    var HSPLITHEIGHT = 10;
    var ButtonImage = $(new Image()).attr('src', 'htm/rtchart/chartbuttons.png');
    var penColors = ['#00A8F0', '#5DB75D', '#FFFF00', '#FFA62F', '#E41B17', '#000066', '#A0D2FF', '#FF96FF',
        '#E0FFFF', '#388E8E', '#00EE00', '#CD3700', '#EEAD0E', '#6600CC', '#ADFF2F', '#663300'];
    var COLOR_NAMES = {
        aqua: [0, 255, 255], azure: [240, 255, 255], beige: [245, 245, 220], black: [0, 0, 0], blue: [0, 0, 255],
        brown: [165, 42, 42], cyan: [0, 255, 255], darkblue: [0, 0, 139], darkcyan: [0, 139, 139], darkgrey: [169, 169, 169],
        darkgreen: [0, 100, 0], darkkhaki: [189, 183, 107], darkmagenta: [139, 0, 139], darkolivegreen: [85, 107, 47],
        darkorange: [255, 140, 0], darkorchid: [153, 50, 204], darkred: [139, 0, 0], darksalmon: [233, 150, 122],
        darkviolet: [148, 0, 211], fuchsia: [255, 0, 255], gold: [255, 215, 0], green: [0, 128, 0], indigo: [75, 0, 130],
        khaki: [240, 230, 140], lightblue: [173, 216, 230], lightcyan: [224, 255, 255], lightgreen: [144, 238, 144],
        lightgrey: [211, 211, 211], lightpink: [255, 182, 193], lightyellow: [255, 255, 224], lime: [0, 255, 0], magenta: [255, 0, 255],
        maroon: [128, 0, 0], navy: [0, 0, 128], olive: [128, 128, 0], orange: [255, 165, 0], pink: [255, 192, 203], purple: [128, 0, 128],
        violet: [128, 0, 128], red: [255, 0, 0], silver: [192, 192, 192], white: [255, 255, 255], yellow: [255, 255, 0]
    };

    dhtmlXCalendarObject.prototype.langData["cn"] = {
        dateformat: '%Y-%m-%d %H:%i:%s',
        monthesFNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        monthesSNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        daysFNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
        daysSNames: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
        weekstart: 1,
        weekname: "d"
    };
    var WebLink = function (weburl) {
        this.weburl = weburl;
    };
    var TrendPen = function (rtchart, options) {
        this.rtChart = rtchart;
        this.options = $.extend(
            {
                URI: null,
                Num: 2,
                penColor: rtchart.getNextPenColor(),
                penWidth:2,
                linkReTryTime: 1000,
                hisReTryTime: 20000,
                lockRange: false,
                expandAll: false,
                stepLine: null, //true|false
                drawTag: false,
                drawLine:true,
                webURL: GoldenRtWeb.getWebURL()
            }, options || {});
        this.hisRequestSeed = 1;

        if (this.options.rageMax != null)
            this.rageMax = this.options.rageMax;
        if (this.options.rageMin != null)
            this.rageMin = this.options.rageMin;
        var r = Math.abs(this.rageMax - this.rageMin);
        if (r < 1) {
            if (r > 0.1) {
                if(this.options.Num < 3)
                    this.options.Num = 3;
            }
            else if (r > 0.01) {
                if (this.options.Num < 4)
                    this.options.Num = 4;
            }
            else if (r > 0.001) {
                if (this.options.Num < 5)
                    this.options.Num = 5;
            }
            else if (this.options.Num < 6)
                this.options.Num = 6;
        }
    };
    var TrendColor = function (r, g, b, a) {
        this.rgba = ['r', 'g', 'b', 'a'];
        var x = 4;
        while (-1 < --x) {
            this[this.rgba[x]] = arguments[x] || ((x == 3) ? 1.0 : 0);
        }
        this.normalize();
    }
    TrendColor.parse = function (color) {
        if (color instanceof TrendColor) return color;

        var result;

        // #a0b1c2
        if ((result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color)))
            return new TrendColor(parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16));

        // rgb(num,num,num)
        if ((result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)))
            return new TrendColor(parseInt(result[1], 10), parseInt(result[2], 10), parseInt(result[3], 10));

        // #fff
        if ((result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color)))
            return new TrendColor(parseInt(result[1] + result[1], 16), parseInt(result[2] + result[2], 16), parseInt(result[3] + result[3], 16));

        // rgba(num,num,num,num)
        if ((result = /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(color)))
            return new TrendColor(parseInt(result[1], 10), parseInt(result[2], 10), parseInt(result[3], 10), parseFloat(result[4]));

        // rgb(num%,num%,num%)
        if ((result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color)))
            return new TrendColor(parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55);

        // rgba(num%,num%,num%,num)
        if ((result = /rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(color)))
            return new TrendColor(parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55, parseFloat(result[4]));

        // Otherwise, we're most likely dealing with a named color.
        var name = (color + '').replace(/^\s*([\S\s]*?)\s*$/, '$1').toLowerCase();
        if (name == 'transparent') {
            return new TrendColor(255, 255, 255, 0);
        }
        return (result = COLOR_NAMES[name]) ? new TrendColor(result[0], result[1], result[2]) : new TrendColor(0, 0, 0, 0);
    };
    TrendColor.processColor = function (color, options) {
        var opacity = options.opacity;
        if (!color) return 'rgba(0, 0, 0, 0)';
        if (color instanceof TrendColor) return color.alpha(opacity).toString();
        if (_.isString(color)) return TrendColor.parse(color).alpha(opacity).toString();

        var grad = color.colors ? color : { colors: color };

        if (!options.ctx) {
            if (!_.isArray(grad.colors)) return 'rgba(0, 0, 0, 0)';
            return TrendColor.parse(_.isArray(grad.colors[0]) ? grad.colors[0][1] : grad.colors[0]).alpha(opacity).toString();
        }
        grad = _.extend({ start: 'top', end: 'bottom' }, grad);

        if (/top/i.test(grad.start)) options.x1 = 0;
        if (/left/i.test(grad.start)) options.y1 = 0;
        if (/bottom/i.test(grad.end)) options.x2 = 0;
        if (/right/i.test(grad.end)) options.y2 = 0;

        var i, c, stop, gradient = options.ctx.createLinearGradient(options.x1, options.y1, options.x2, options.y2);
        for (i = 0; i < grad.colors.length; i++) {
            c = grad.colors[i];
            if (_.isArray(c)) {
                stop = c[0];
                c = c[1];
            }
            else stop = i / (grad.colors.length - 1);
            gradient.addColorStop(stop, TrendColor.parse(c).alpha(opacity));
        }
        return gradient;
    };

    $.widget("rtinfo.trendChart",
        {
            options: {
                rtRefresh: true,
                showAxis:true,
                showGrid: true,
                showThumbs: true,
                showList:true,
                panShow: true,
                listExpand:true,
                reservePrevData: 10,
                spanSec: 10 * 60, //200s
                pointGroupName:null,
                freeRange: true, // 自由量程

                panWidth: MINPANWIDTH + 50,
                listHeight: MINLISTHEIGHT + 50,
                activeShadowSize: 4,
                tooltipDelay: 1000,
                gridColor: 'rgba(91,91,91,1.0)',
                borderColor: 'rgba(120,120,120,1.0)',
                timeLabelColor: 'rgba(214,214,214,1.0)',
                indicatorColor: 'rgba(210,210,210,0.5)',
                bkColor:'rgba(0,0,0,1.0)',
                buttonImage: ButtonImage,
                resolution: 1// => resolution of the graph, to have printer-friendly graphs !
            },

            btipShow: false,
            tipShowPen: null,

            vIndicator: null,
            hIndicator: null,

            chartWidth: 0,
            chartHeight: 0,

            ftBeginTime: 0,
            ftTimeLabelBeg: null,

            ctx: null,
            canvas: null,

            buttonsDrawed: false,

            trendPens: null,
            webLinks: null,

            _create:            function () {
                console.log('_create');

                this.options.spanSec = this.options.spanSec || 1;
                if (!this.options.spanSec || this.options.spanSec < 1)
                    this.options.spanSec = 1;
                var date = new Date();
                date.setMilliseconds(0);
                date = this.DateToFileTime(date);
                date += PERSEC;
                date -= this.options.spanSec * PERSEC;
                this.setBeginTime(date);

                this._buildChart();
                this.element.uniqueId();
                $(window).resize(this, function (e) {
                    e.data._onResize();
                });
                this.yScroll = 0;

                var rtchart = this;
                var X, Y;
                $(document).bind('mousemove.rtChart_' + this.element.attr('id'), function (e) {
                    if (X === e.clientX && Y === e.clientY)
                        return;
                    X = e.clientX;
                    Y = e.clientY;
                    if (rtchart.mouseTimer) {
                        window.clearTimeout(rtchart.mouseTimer);
                        rtchart.mouseTimer = null;
                    }
                    if (rtchart.tooltipTimer && e.target != rtchart.vIndicator[0] && e.target != rtchart.hIndicator[0]) {
                        window.clearTimeout(rtchart.tooltipTimer);
                        rtchart.tooltipTimer = null;
                    }

                    if (e.target == rtchart.canvas[0]) {
                        rtchart.mouseTimer = window.setTimeout(function () {
                            window.clearTimeout(rtchart.mouseTimer);
                            rtchart.mouseTimer = null;

                            rtchart._onMouseMove(e);
                        }, 200);
                    }
                });
                $(window).bind('keydown.rtChart_' + this.element.attr('id'), function (e) {
                    rtchart._onKeyDown(e);
                });

                var url = location.href;
                var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
                var paraObj = {}
                for (i = 0; j = paraString[i]; i++) {
                    paraObj[decodeURIComponent(j.substring(0, j.indexOf("=")))] = decodeURIComponent(j.substring(j.indexOf("=") + 1, j.length));
                }
                if (paraObj.pointGroupName != null)
                    this.options.pointGroupName = paraObj.pointGroupName;
                if (this.options.pointGroupName == null)
                {   
                    if (paraObj.pointGroupName != null)
                        this.options.pointGroupName = paraObj.pointGroupName;
                    else if (paraObj.newPointGroup != null) {
                        this.isNewPage = true;
                        var d = dialog({ content: "可以在新打开的页中进行点组的设置操作，然后保存点组，<br>从而创建新的点组。", quickClose: true });
                        d.show();
                   
                        window.setTimeout(function () { d.close().remove(); d = null;},2000);
                    }
                }

                if(typeof(tagName)!="undefined" && tagName!=null || tagName!=""){
                    var itemDef=new GoldenRtWeb.RtItemDefine(0, 0, 0);
                    this.AddPen({ URI: tagName,itemDef:itemDef});
                    this.requestHisData({ URI:tagName,itemDef:itemDef},100);
                }

                //if(!this.isNewPage)
                    //this._loadPointGroup();
            },
            _loadPointGroup:    function()
            {
                var groupName = "";
                if (this.options.pointGroupName != null)
                    groupName = this.options.pointGroupName;
                var rtchart = this;

                var configs = localStorage.getItem("goldenTrendConfig");
                if(configs == null)
                    return;
                if (configs) {
                    try {
                        configs = JSON.parse(configs);
                    }
                    catch (ex) {
                        localStorage.removeItem("goldenTrendConfig");
                        configs = null;
                    }
                }

                var config = configs[groupName];
                if(config == null)
                {
                    groupName = Object.keys(configs)[0];
                    config = configs[groupName];
                }

                this.loadConfig(groupName,config);
            },
            _init:              function () {
                console.log('_init');
            },
            _destroy:           function () {
                console.log('_destroy');

                $(document).unbind('mousemove.rtChart_' + this.element.attr('id'));
                $(document).unbind('keydown.rtChart_' + this.element.attr('id'));

                this._clear();

                if (this.webLinks) {
                    for (i in this.webLinks) {
                        var link = this.webLinks[i];
                        link.destroy();
                        delete link;
                    }
                    delete this.webLinks;
                }
                if (this.trendPens) {
                    for (i in this.trendPens) {
                        var pen = this.trendPens[i];
                        pen.destroy();
                        delete pen;
                    }
                    delete this.trendPens;
                }
            },
            _isTouch:           function () {
                return document.ontouchstart !== undefined;
            },
            _buildChart:    function () {
                this._clear();
                this._bulidCanvas();
                console.log('chartBuided');
            },
            _clear:         function () {
                this.btipShow = false;
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }
                if (this.updateDataTimer) {
                    window.clearTimeout(this.updateDataTimer);
                    this.updateDataTimer = null;
                }
                if (this.updatePanTimer) {
                    window.clearTimeout(this.updatePanTimer);
                    this.updatePanTimer = null;
                }
                if (this.prepareTimer) {
                    window.clearTimeout(this.prepareTimer);
                    this.prepareTimer = null;
                }
                if (this.mouseTimer) {
                    window.clearTimeout(this.mouseTimer);
                    this.mouseTimer = null;
                }
                if (this.options.buttonImage)
                    this.options.buttonImage.unbind();
                if (this.tipShowPen) {
                    this.tipShowPen.onTooltipHided();
                    this.tipShowPen = null;
                }
                if (this.activePen) {
                    this.activePen.setActive(false);
                    this.activePen = null;
                    if(this.toolBar)
                        this.toolBar.disableItem("deletePoint");
                }
                if (this.colorPicker) {
                    $('.colorpicker-ind', this.colorPicker).colorpicker('destroy');
                    this.colorPicker.draggable("destroy");
                    this.colorPicker.empty();
                    delete this.colorPicker;
                }

                if (this.vSplite) {
                    if (this.vSplite.data('drag') === true)
                        this.vSplite.draggable("destroy");
                    this.vSplite.unbind();
                    this.vSplite = null;
                }
                if (this.hSplite) {
                    if (this.hSplite.data('drag') === true)
                        this.hSplite.draggable("destroy");
                    this.hSplite.unbind();
                    this.hSplite = null;
                }
                if (this.vIndicator) {
                    this.vIndicator.unbind();
                    this.vIndicator.draggable("destroy");
                    this.vIndicator = null;
                }
                if (this.hIndicator) {
                    this.hIndicator.unbind();
                    this.hIndicator.draggable("destroy");
                    this.hIndicator = null;
                }
                if (this.ctx)
                    delete this.ctx;
                if (this.canvas) {
                    this.canvas.unbind();
                    delete this.canvas;
                }
                if (this.toolCalendar) {
                    this.toolCalendar.unload();
                    delete this.toolCalendar;
                }
                if (this.toolBar) {
                    this.toolBar.unload();
                    this.toolBar = null;
                }
                if (this.toolBarContainer) {
                    this.toolBarContainer.remove();
                    this.toolBarContainer = null;
                }
                if (this.artTooltip) {
                    this.artTooltip.remove();
                    delete this.artTooltip;
                }
                if (this.positionDiv) {
                    this.positionDiv.unbind();
                    this.positionDiv.draggable("destroy");
                    this.positionDiv.remove();
                    this.positionDiv = null;
                }
                if (this.thumbBegDiv) {
                    this.thumbBegDiv.unbind();
                    this.thumbBegDiv.draggable("destroy");
                    this.thumbBegDiv.remove();
                    this.thumbBegDiv = null;
                }
                if (this.thumbEndDiv) {
                    this.thumbEndDiv.unbind();
                    this.thumbEndDiv.draggable("destroy");
                    this.thumbEndDiv.remove();
                    this.thumbEndDiv = null;
                }
                this.buttonsDrawed = false;

                if (this.listGrid) {
                    this.listGrid.clearAll(true);
                    this.listGrid.destructor();
                    delete this.listGrid;
                }
                if (this.listContainer) {
                    this.listContainer.remove();
                    this.listContainer = null;
                }

                this.element.empty();
            },

            _bulidCanvas: function () {
                this.chartWidth     = this.element.width();
                this.chartHeight    = this.element.height();
                if (!this.chartWidth || !this.chartHeight)
                    throw 'container not visable\'t exist';

                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var gt = this.toolBarCanShow() ? TOOLBARHEIGHT : 0;
                var cavansHight = gh;

                if(this.slidCanShow())
                    cavansHight += SLIDEHEIGHT;
                if (this.thumbsCanshow())
                    cavansHight += SHOWTHUMBSHEIGHT;
                if (this.listCanshow())

                    if (this.chartWidth < 100 + this.options.panWidth || this.options.panWidth < MINPANWIDTH)
                        this.options.panShow = false;

                var rtchart = this;

                if (!this.canvas) {
                    this.canvas = $(document.createElement('canvas'));
                    this.element.append(this.canvas);

                    this.canvas.bind('click', function (e) {
                        rtchart._onClick(e);
                    });
                    this.canvas.bind('dblclick', function (e) {
                        rtchart._ondbClick(e);
                    });
                    this.canvas.bind('mousedown', function (e) {
                        rtchart._onMouseDown(e);
                    });

                    this.canvas.bind('mousewheel', function (e) {
                        e.preventDefault();
                        rtchart._onMouseWheel(e);
                    });

                    if (this._isTouch()) {
                        this.canvas.bind('touchstart', function (e) {
                            rtchart._onTouchStart(e);
                        });
                    }
                }
                this.canvas.css("position", "absolute")
                    .css("left", 0)
                    .css("top", gt)
                    .css("right", 0)
                    .css("height", cavansHight);

                if (this.options.bkColor != null)
                    this.canvas.css('background-color',this.options.bkColor);
                this.canvas.attr("width",   this.chartWidth * this.options.resolution);
                this.canvas.attr("height",  cavansHight * this.options.resolution);

                var node = this.canvas.get(0);
                if (window.G_vmlCanvasManager)
                    window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                this.ctx = node.getContext('2d');
                if (!window.G_vmlCanvasManager)
                    this.ctx.scale(this.options.resolution, this.options.resolution);

                if (this.positionDiv) {
                    this.positionDiv.draggable("destroy");
                    this.positionDiv.unbind();
                    this.positionDiv.remove();
                    this.positionDiv = null;
                }
                if (this.thumbBegDiv) {
                    this.thumbBegDiv.draggable("destroy");
                    this.thumbBegDiv.unbind();
                    this.thumbBegDiv.remove();
                    this.thumbBegDiv = null;
                }
                if (this.thumbEndDiv) {
                    this.thumbEndDiv.draggable("destroy");
                    this.thumbEndDiv.unbind();
                    this.thumbEndDiv.remove();
                    this.thumbEndDiv = null;
                }

                if (this.toolBarContainer == null) {
                    this.toolBarContainer = $(document.createElement('div'));
                    this.element.append(this.toolBarContainer);
                }
                this.toolBarContainer.css("position", "absolute")
                    .css("left", 0)
                    .css("top", -2)
                    .css("right", 0)
                    .css("height", TOOLBARHEIGHT)
                    .addClass('unselectable');
                this.calendarShowed = false;
                this.timerFocus     = false;
                if (this.toolBar == null) {
                    this.toolBar = new dhtmlXToolbarObject(this.toolBarContainer.get(0), "dhx_web");
                    this.toolBar.setIconsPath("htm/codebase/dhtmlxToolbar/codebase/icon/");

                    this.toolBar.addButton("addPoint", 0, null, "plus.png", "plus_dis.png");
                    this.toolBar.setItemToolTip("addPoint", "添加新点");

                    this.toolBar.addButton("deletePoint", 1, null, "deletepen.png", "deletepen_dis.png");
                    this.toolBar.setItemToolTip("deletePoint", "移除当前选定点");
                    this.toolBar.disableItem("deletePoint");

                    if (this.options.showAxis) {
                        this.toolBar.addButtonTwoState("showAxis", 2, null, "axis.png", "axis_dis.png");
                        this.toolBar.setItemState("showAxis", true);
                        this.toolBar.setItemToolTip("showAxis", "当前为值轴显示模式，单击转变为数据板显示模式");
                    }
                    else {
                        this.toolBar.addButtonTwoState("showAxis", 2, null, "datapan.png", "datapan_dis.png");
                        this.toolBar.setItemState("showAxis", false);
                        this.toolBar.setItemToolTip("showAxis", "当前为数据板显示模式，单击转变为值轴显示模式");
                    }

                    if (this.options.freeRange) {
                        this.toolBar.addButtonTwoState("toggleRange", 3, null, "view_type_free.png", "view_type_free.png");
                        this.toolBar.setItemState("toggleRange", true);
                        this.toolBar.setItemToolTip("toggleRange", "当前量程为自由量程，点击切换到固定量程");
                    } else {
                        this.toolBar.addButtonTwoState("toggleRange", 3, null, "view_type.png", "view_type.png");
                        this.toolBar.setItemState("toggleRange", false);
                        this.toolBar.setItemToolTip("toggleRange", "当前量程为固定量程，点击切换到自由量程");
                    }

                    this.toolBar.addButton("colorPicker", 4, null, "colorpicker.png", "colorpicker_dis.png");
                    this.toolBar.setItemToolTip("colorPicker", "设置颜色");

                    this.toolBar.addButton("saveConfig", 5, null, "save.png", "save.png");
                    this.toolBar.setItemToolTip("saveConfig", "保存设置(如改变点组名称，可另存新建点组)");
                    var opts =
                    [
                        ['newPiointGroup', 'obj', '新建点组', 'window_new.png'],
                        ['editorPointGroup', 'obj', '编辑点组...', 'tag_blue_edit.png'],
                        ['refreshPointGroup', 'obj', '刷新点组列表', 'reload.png'],
                        ['idsep', 'sep']
                    ];
                    this.toolBar.addButtonSelect("pointGroup", 6, "点组", opts, "tag.png");

                    this.toolBar.addSeparator("rtSep", 7);

                    //this.toolBar.addButtonTwoState("fullScreen", 7, null, "fullscreen.png", "fullscreen_dis.png");
                    //this.toolBar.setItemState("fullScreen", false);
                    //this.toolBar.setItemToolTip("fullScreen", "单击进入全屏显示模式(F11)");

                    this.toolBar.addButton("zoomToool", 8, null, "zoom.png", "zoom_dis.png");
                    this.toolBar.setItemToolTip("zoomToool", "趋势缩放");

                    this.toolBar.addButton("zoomResume", 9, null, "zoom_resume.png", "zoom_resume_dis.png");
                    this.toolBar.setItemToolTip("zoomResume", "恢复缩放");
                    this.toolBar.disableItem("zoomResume");

                    this.toolBar.addSeparator("rtSep4", 10);
                    if (this.options.rtRefresh) {
                        this.toolBar.addButtonTwoState("reRefresh", 11, null, "refresh.png", "refresh_dis.png");
                        this.toolBar.setItemState("reRefresh", true);
                        this.toolBar.setItemToolTip("reRefresh", "当前为实时刷新模式，单击转变为静态查询模式");
                    }
                    else {
                        this.toolBar.addButtonTwoState("reRefresh", 11, null, "query.png", "query_dis.png");
                        this.toolBar.setItemState("reRefresh", false);
                        this.toolBar.setItemToolTip("reRefresh", "当前为静态查询模式，单击转变为实时刷新模式");
                    }

                    this.toolBar.addSeparator("rtSep1", 12);
                    this.toolBar.addButton("timePrev", 13, null, "previous.png", "previous_dis.png");
                    this.toolBar.setItemToolTip("timePrev", "前翻半个时间跨度");
                    var spanopts =
                        [
                            ['b1m', 'obj', '当前时间 10分钟前', "left.png"],
                            ['b3m', 'obj', '当前时间 30分钟前', "left.png"],
                            ['b1h', 'obj', '当前时间 1小时前', "left.png"],
                            ['b2h', 'obj', '当前时间 2小时前', "left.png"],
                            ['b8h', 'obj', '当前时间 8小时前', "left.png"],
                            ['b12h', 'obj', '当前时间 12小时前', "left.png"],
                            ['spansep', 'sep'],
                            ['b1d', 'obj', '当前时间 1天  前', "left.png"],
                            ['b2d', 'obj', '当前时间 2天  前', "left.png"],
                            ['b7d', 'obj', '当前时间 7天  前', "left.png"],
                            //
                            //['a1m', 'obj', '当前查询起始时间 10分钟后', "right.png"],
                            //['a1h', 'obj', '当前查询起始时间 1小时后', "right.png"],
                            //['a2h', 'obj', '当前查询起始时间 2小时后', "right.png"],
                            //['a8h', 'obj', '当前查询起始时间 8小时后', "right.png"],
                            //['a1d', 'obj', '当前查询起始时间 1天  后', "right.png"],
                            //['a2d', 'obj', '当前查询起始时间 2天  后', "right.png"],
                            //['a7d', 'obj', '当前查询起始时间 7天  后', "right.png"],
                        ];
                    this.toolBar.addButtonSelect("timeSpan", 14, this.getTimeSpanString(), spanopts, null);
                    this.toolBar.addButton("timeNext", 15, null, "next.png", "next_dis.png");
                    this.toolBar.setItemToolTip("timeNext", "后翻半个时间跨度");

                    this.toolBar.addSeparator("rtSep2", 16);
                    this.toolBar.addInput("date_from", 17, "", 128);
                    this.toolBar.addInput("date_to", 18, "", 128);
                    this._updateTimeDisplay();
                    this.toolBar.addButton("goDate", 19, null, "find.png", "find_dis.png");
                    this.toolBar.setItemToolTip("goDate", "点击执行查询");

                    var from = this.toolBar.getInput("date_from");
                    var to = this.toolBar.getInput("date_to");
                    $(from).focusin(function () {
                        rtchart.timerFocus = true;
                    });
                    $(to).focusin(function () {
                        rtchart.timerFocus = true;
                    });
                    $(from).focusout(function () {
                        rtchart.timerFocus = false;
                    });
                    $(to).focusout(function () {
                        rtchart.timerFocus = false;
                    });
                    this.toolCalendar = new dhtmlXCalendarObject([from, to]);
                    this.toolCalendar.setDateFormat("%Y-%m-%d %H:%i:%s");//.%u
                    this.toolCalendar.setMinutesInterval(1);

                    this.toolCalendar.loadUserLanguage("cn");
                    this._updateTimeDisplay();
                    this.toolCalendar.attachEvent("onShow", function(){
                        rtchart.calendarShowed = true;
                    });
                    this.toolCalendar.attachEvent("onHide", function () {
                        rtchart.calendarShowed = false;
                    });
                    this.toolCalendar.attachEvent("onClick", function (date) {
                        if (document.activeElement == $(from)[0]) {
                            var button = document.activeElement.parentElement.nextElementSibling.nextElementSibling;
                            var d = dialog({ content: "点击按钮进行查询操作或进行其他查询设置，\n点击工具条空白处取消文本框编辑状态。", quickClose: true });
                            d.show(button);
                            window.setTimeout(function () { d.close().remove(); d = null; }, 2000);
                        }
                        else if (document.activeElement == $(to)[0]) {
                            var button = document.activeElement.parentElement.nextElementSibling;
                            var d = dialog({ content: "点击按钮进行查询操作或进行其他查询设置，\n点击工具条空白处取消文本框编辑状态。", quickClose: true });
                            d.show(button);
                            window.setTimeout(function () { d.close().remove(); d = null; }, 2000);
                        }
                    });

                    var excelopts =
                        [
                            ['exportToExcelInterpo', 'obj', '导出统一时间坐标的内插值', null],
                            ['exportExcel', 'obj',      '导出时间坐标不同的归档值', null]
                        ];
                    this.toolBar.addButtonSelect("exportExceltool", 20, null, excelopts,"excel.png", "excel_dis.png");
                    this.toolBar.setItemToolTip("exportExceltool", "导出Excel");

                    this.toolBar.addButton("exportPng", 21, null, "mime_png.png", "mime_png.png");
                    this.toolBar.setItemToolTip("exportPng", "导出打印位图");

                    this.toolBar.addSeparator("rtSep3", 22);

                    /*Button Command*/
                    this.toolBar.attachEvent("onClick", function (id) {
                        rtchart.timerFocus = false;
                        rtchart.calendarShowed = false;
                        $(from).blur();
                        $(to).blur();
                        switch (id) {
                            case "addPoint":
                                rtchart._onAddPoint();

                                break;
                            case "deletePoint":
                                if (rtchart.listGrid.getSelectedRowId()) {
                                    var pens = rtchart.listGrid.getSelectedRowId();
                                    pens = pens.split(',');
                                    if (pens) {
                                        for (var i = 0 ; i < pens.length; i++) {
                                            var rowid = pens[i];
                                            var pen = rtchart.getPenByRowId(rowid);
                                            if(pen)
                                                rtchart.removePen(pen);
                                        }
                                    }
                                }
                                break;
                            case "editorPointGroup":
                                rtchart._onEditorPointGroup();
                                break;
                            case "colorPicker":
                                rtchart._onSetColors();
                                break;
                            case "saveConfig":
                                rtchart._onSaveConfig();
                                break;
                            case "exportExcel":
                                rtchart._onExportExcel();
                                break;
                            case "exportToExcelInterpo":
                                rtchart._onExportToExcelInterpo();
                                break;
                            case "exportPng":
                                rtchart._onExportPng();
                                break;
                            case "mpass":
                                rtchart._onModifyPassWord();
                                break;
                            case "accmag":
                                rtchart._onUserMagement();
                                break;
                            case "login":
                                rtchart.requestLogin("_login", true);
                                break;
                            case "logout":
                                rtchart.logout();
                                break;
                            case "goDate":
                                rtchart._queryHisData($(from), $(to));
                                break;
                            case "refreshPointGroup":
                                rtchart._loadPointGroupNames();
                                break;
                            case "newPiointGroup":
                                var url = location.href;
                                if (url.indexOf("?") > 0)
                                    url = url.substr(0, url.indexOf("?"));
                                url += "?newPointGroup=1";
                                window.open(url, "_blank");
                                break;
                            case "zoomToool":
                                rtchart._toggleZoom();
                                break;
                            case "zoomResume":
                                rtchart._onReZoom();
                                break;
                            case "timePrev":
                                rtchart.updateBeginTime(rtchart.getBegTime() - 0.5 * rtchart.options.spanSec * PERSEC);
                                break;
                            case "timeNext":
                                rtchart.updateBeginTime(rtchart.getBegTime() + 0.5 * rtchart.options.spanSec * PERSEC);
                                break;

                            case 'b1m':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 600);
                                break;
                            case 'b3m':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 1800 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 1800);
                                break;
                            case 'b1h':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 3600);

                                break;
                            case 'b2h':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 2 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 2 * 3600);

                                break;
                            case 'b8h':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 8 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 8 * 3600);

                                break;
                            case 'b12h':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 12 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 12 * 3600);

                                break;
                            case 'b1d':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 24 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 24 * 3600);

                                break;
                            case 'b2d':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 2*24 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 2*24 * 3600);

                                break;
                            case 'b7d':
                                var date = new Date();
                                date.setMilliseconds(0);
                                date = rtchart.DateToFileTime(date);
                                date += PERSEC;
                                date -= 7 * 24 * 3600 * PERSEC;
                                rtchart.setBegTimeAndSpan(date, 7*24 * 3600);
                                break;

                            case 'a1m':
                                rtchart.setTimeSpan(600, false);
                                break;
                            case 'a1h':
                                rtchart.setTimeSpan(3600, false);
                                break;
                            case 'a2h':
                                rtchart.setTimeSpan(2 * 3600, false);
                                break;
                            case 'a8h':
                                rtchart.setTimeSpan(8 * 3600, false);
                                break;
                            case 'a1d':
                                rtchart.setTimeSpan(24 * 3600, false);
                                break;
                            case 'a2d':
                                rtchart.setTimeSpan(2 * 24 * 3600, false);
                                break;
                            case 'a7d':
                                rtchart.setTimeSpan(7 * 24 * 3600, false);
                                break;
                            default:
                                if (rtchart.pointGroups) {
                                    for (var n in rtchart.pointGroups) {
                                        var config = rtchart.pointGroups[n];
                                        if (id == config.Id) {
                                            var gName = n;
                                            if (gName && gName.length) {
                                                var url = location.href;
                                                if (url.indexOf("?") > 0)
                                                    url = url.substr(0, url.indexOf("?"));
                                                url += "?pointGroupName=" + encodeURI(gName);
                                                if (rtchart.isFullScreen() === true)
                                                    window.location.href = url;
                                                else
                                                    window.open(url, "_blank");
                                            }
                                            break;
                                        }
                                    }
                                }
                                break;
                        }
                    });
                    this.toolBar.attachEvent("onStateChange", function (id) {
                        switch (id) {
                            case "reRefresh":
                                if (rtchart.toolBar.getItemState("reRefresh"))
                                    rtchart.setRtrefresh(true);
                                else
                                    rtchart.setRtrefresh(false);
                                break;
                            case "showAxis":
                                if (rtchart.toolBar.getItemState("showAxis"))
                                    rtchart.setShowAxis(true);
                                else
                                    rtchart.setShowAxis(false);
                                break;
                            case "fullScreen":
                                rtchart.onFullScreenSet();
                                break;
                            case "toggleRange":
                                rtchart.toggleRangeMode();
                                break;
                        }
                    });

                    this._loadPointGroupNames();

                    var elem = document.documentElement;
                    if (elem.requestFullscreen) {
                        this.requestFullScreen = function()
                        {
                            var docElm = document.documentElement;
                            docElm.requestFullscreen();
                        }
                        this.isFullScreen = function () {
                            return document.fullscreen;
                        }

                    }
                    else if (elem.mozRequestFullScreen) {
                        this.requestFullScreen = function () {
                            var docElm = document.documentElement;
                            docElm.mozRequestFullScreen();
                        }
                        this.isFullScreen = function () {
                            return document.mozFullScreen;
                        }

                    }
                    else if (elem.webkitRequestFullScreen) {
                        this.requestFullScreen = function () {
                            var docElm = document.documentElement;
                            docElm.webkitRequestFullScreen();
                        }
                        this.isFullScreen = function () {
                            return document.webkitIsFullScreen;
                        }

                    }
                    else if (elem.msRequestFullscreen) {
                        this.requestFullScreen = function () {
                            var docElm = document.documentElement;
                            docElm.msRequestFullscreen();
                        }
                        this.isFullScreen = function () {
                            return document.msFullscreenElement;
                        }
                    }

                    if (document.exitFullscreen) {
                        this.cancelFullScreen = function () {
                            document.exitFullscreen();
                        }
                    }
                    else if (document.mozCancelFullScreen) {
                        this.cancelFullScreen = function () {
                            document.mozCancelFullScreen();
                        }
                    }
                    else if (document.webkitCancelFullScreen) {
                        this.cancelFullScreen = function () {
                            document.webkitCancelFullScreen();
                        }
                    }
                    else if (document.msExitFullscreen) {
                        this.cancelFullScreen = function () {
                            document.msExitFullscreen();
                        }
                    }
                }

                this.positionDiv = $(document.createElement('div'));
                this.element.append(this.positionDiv);
                this.positionDiv.css("position", "absolute")
                    .css("left", 0)
                    .css("top", gt)
                    .css("width", 6)
                    .css("height", 6)
                    .css(" z-index", 200)
                    .addClass('unselectable')
                    .draggable(
                        {
                            disabled: true,
                            scroll:false,
                            containment:
                                [
                                    this.canvas.offset().left - 2,
                                    this.canvas.offset().top + gt,
                                    this.canvas.offset().left + this.canvas.width() - 5,
                                    this.canvas.offset().top + gt + this.canvas.height()
                                ]
                        });

                if (this.thumbsCanshow()) {
                    gt += gh + TIMELABELHEIGHT;
                    var h = SHOWTHUMBSHEIGHT - 3;

                    this.thumbBegDiv = $(document.createElement('div'));
                    this.element.append(this.thumbBegDiv);
                    this.thumbBegDiv.css("position", "absolute")
                        .css("left", -3)
                        .css("top",  gt)
                        .css("width", 7)
                        .css("height", h)
                        .css("cursor", "e-resize")
                        .css(" z-index", 200)
                        .addClass('unselectable')
                        .addClass('hspelit')
                        .draggable(
                            {
                                containment: [this.canvas.offset().left - 3, 0, this.canvas.offset().left + this.chartWidth - 18, gh],
                                axis: "x",
                                scroll: false,
                                drag: function (event, ui)
                                {
                                    rtchart._onThumbsChanged();
                                }
                            });

                    this.thumbEndDiv = $(document.createElement('div'));
                    this.element.append(this.thumbEndDiv);
                    this.thumbEndDiv.css("position", "absolute")
                        .css("left", this.chartWidth - 3)
                        .css("top",   gt)
                        .css("width", 7)
                        .css("height", h)
                        .css("cursor", "e-resize")
                        .css(" z-index", 200)
                        .addClass('unselectable')
                        .addClass('hspelit')
                        .draggable(
                            {
                                containment: [this.canvas.offset().left + 18, 0, this.canvas.offset().left + this.chartWidth - 3, gh],
                                axis: "x",
                                scroll: false,
                                drag: function (event, ui)
                                {
                                    rtchart._onThumbsChanged();
                                }
                            });
                    gt += h;
                }
                if (this.listContainer) {
                    this.listContainer.remove();
                    this.listContainer = null;
                }
                if (this.listCanshow() && this.options.listExpand) {
                    gt += 4;
                    this.listContainer = $(document.createElement('div'));
                    this.element.append(this.listContainer);
                    this.listContainer.css("position", "absolute")
                        .css("left", 0)
                        .css("right", 0)
                        .css("top", gt)
                        .css("bottom", 0)
                        .css("border", "1px solid rgb(60,60,60)")
                        .addClass('unselectable');

                    this.listGrid = new dhtmlXGridObject(this.listContainer.get(0));

                    this.listGrid.setImagePath("htm/codebase/dhtmlxGrid/codebase/imgs/");          //the path to images required by grid
                    this.listGrid.setHeader        ("点名称,线宽,描述,显示,数据时间,数据值,量程下限,量程上限,量程锁定,阶跃,标记,实时值,最大值,最小值,平均值");//the headers of columns
                    this.listGrid.setColAlign("left,center,left,center,right,right,right,right,center,center,right,right,center,right,right");       //the alignment of columns
                    this.listGrid.setInitWidths("160,50,180,45,140,120,100,100,65,45,45,110,110,110,110");          //the widths of columns
                    this.listGrid.setColTypes("clrlabel,combo,ro,ch,ro,ro,edn,edn,ch,ch,ch,vqtcell,vqtcellclick,vqtcellclick,unitval");                //the types of columns
                    this.listGrid.setColSorting("str,str,str,na,na,na,na,na,na,na,na,na,na,na,na");          //the sorting types

                    this.listGrid.enableColumnMove(true);
                    this.listGrid.enableDragAndDrop(true);
                    this.listGrid.setSkin("dhx_web");//dhx_terrace
                    this.listGrid.enableColumnAutoSize(true);
                    this.listGrid.enableMultiselect(true);

                    this.listGrid.init();

                    var combo = this.listGrid.getColumnCombo(1);
                    combo.addOption("1", "1");
                    combo.addOption("2", "2");
                    combo.addOption("3", "3");
                    combo.addOption("4", "4");
                    combo.addOption("5", "5");
                    combo.addOption("6", "6");
                    combo.addOption("7", "7");
                    combo.addOption("8", "8");


                    this.listGrid.onSetLabelColor = function (e, rowid) {
                        (e || event).cancelBubble = true;
                        var pen = rtchart.getPenByRowId(rowid);
                        if (pen) {
                            rtchart.setPenColor(pen, e);
                        }
                    };
                    this.listGrid.onPosVQT = function (e, rowid,tip) {
                        (e || event).cancelBubble = true;
                        var pen = rtchart.getPenByRowId(rowid);
                        if (pen) {
                            pen.posVQT(tip);
                        }
                    };

                    this.listGrid.attachEvent("onSelectStateChanged", function (rowid)
                    {
                        if (rowid && rowid != "") {
                            var pens = rowid.split(",");
                            if (pens && pens.length) {
                                var pen = rtchart.getPenByRowId(pens[0]);
                                if (pen != rtchart.activePen)
                                    rtchart.requestActive(pen);
                            }
                            else
                                rtchart.requestActive(null);
                        }
                        else
                            rtchart.requestActive(null);
                    });
                    this.listGrid.attachEvent("onAfterSorting", function (index, type, direction) {
                        rtchart._onListSorted();
                    });
                    this.listGrid.attachEvent("onCheck", function (rowid, cInd, state) {
                        var pen = rtchart.getPenByRowId(rowid);
                        if (pen != null) {
                            var col = rtchart.listGrid.getColumnLabel(cInd);
                            switch (col) {
                                case "显示":
                                    pen.setDisplay(state, false);
                                    break;
                                case "阶跃":
                                    pen.setStepLine(state, false);
                                    break;
                                case "标记":
                                    pen.setDrawTag(state, false);
                                    break;
                                case "插值":
                                    pen.setInterpolate(state, false);
                                    break;
                                case "量程锁定":
                                    pen.setRangeLock(state, false);
                                    break;
                            }
                        }
                    });
                    this.listGrid.attachEvent("onDrop", function (sId, tId, dId, sObj, tObj, sCol, tCol)
                    {
                        rtchart._onListSorted();
                    });
                    this.listGrid.attachEvent("onCellChanged", function (rId, cInd, nValue) {
                        var pen = rtchart.getPenByRowId(rId);
                        if (pen != null) {
                            var col = rtchart.listGrid.getColumnLabel(cInd);
                            switch (col) {
                                case "量程下限":
                                    pen.onSetMinRange(nValue);
                                    break;
                                case "量程上限":
                                    pen.onSetMaxRange(nValue);
                                    break;
                                case "线宽":
                                    pen.onSetLineWidth(nValue,true);
                                    break;
                            }
                        }
                    });
                    this._synList();
                }
                this._reDrawAll();
            },
            onFullScreenSet:function()
            {
                if (this.isFullScreen()) {
                    this.cancelFullScreen();
                    this.toolBar.setItemState("fullScreen", false);
                    this.toolBar.setItemToolTip("fullScreen", "单击进入全屏显示模式(F11)");
                    this.toolBar.setItemImage("fullScreen", "fullscreen.png");
                }
                else {
                    this.requestFullScreen();
                    this.toolBar.setItemState("fullScreen", true);
                    //this.toolBar.setItemToolTip("fullScreen", "单击退出全屏显示模式(F11)");
                    this.toolBar.setItemImage("fullScreen", "leave_fullscreen.png");
                }
            },

            logout:         function () {
                var xhr = $.ajax({
                    url: GoldenRtWeb.getWebURL() + '/Logout',
                    type: "GET",
                    processData: false,

                    complete: function (xhr, ts) {
                        var url = window.location.href;
                        var index = url.lastIndexOf('?');
                        if (index > 0)
                            url = url.substr(0, index);
                        window.location = url;
                    }
                });
            },
            _onExportPng:   function()
            {
                var image = this.canvas[0].toDataURL("image/png").replace("image/png", "image/octet-stream");
                window.location.href = image;
            },

            _onExportToExcelInterpo: function ()
            {
                if (!this.trendPens || !this.trendPens.length) {
                    var d = dialog({ content: "目前尚未加载点信息，因此无法进行导出操作。", quickClose: true });
                    d.show();
                    window.setTimeout(function () { d.close(); d.remove(); d = null; }, 2000);
                    return;
                }
                var pens = [];
                for (var i = 0 ; i < this.trendPens.length; i++) {
                    var pen = this.trendPens[i];
                    pens.push(pen.getURI());
                }
                pens = pens.join(';');
                var uri = "beginTime=" + this.getBegTime();
                uri += "&endTime=" + this.getEndTime();
                uri += "&point=" + pens;

                var link = document.createElement("a");
                link.download = "exportExcel";
                link.href = this.getWebURL() + "/ExportToExcelInterpo?" + encodeURI(uri);
                link.click();
            },
            _onExportExcel: function ()
            {
                if (!this.trendPens || !this.trendPens.length) {
                    var d = dialog({ content: "目前尚未加载点信息，因此无法进行导出操作。", quickClose: true });
                    d.show();
                    window.setTimeout(function () { d.close(); d.remove(); d = null; }, 2000);
                    return;
                }
                var pens = [];
                for (var i = 0 ; i < this.trendPens.length; i++) {
                    var pen = this.trendPens[i];
                    pens.push(pen.getURI());
                }
                pens = pens.join(';');
                var uri = "beginTime=" + this.getBegTime();
                uri += "&endTime=" + this.getEndTime();
                uri += "&point=" + pens;

                var link = document.createElement("a");
                link.download = "exportExcel";
                link.href = this.getWebURL() + "/ExportToExcel?" + encodeURI(uri);
                link.click();
            },
            _queryHisData:  function (from,to)
            {
                var beg = from.val();
                beg     = this.parseDate(beg);
                if (beg == null) {
                    from.focus();
                    var d = dialog({ content: "查询起始时间设置有误，请重新设置。", quickClose: true });
                    window.setTimeout(function () { d.close().remove(); d = null; from.focus(); }, 2000);
                    d.show(from[0]);
                    return;
                }
                beg = this.DateToFileTime(beg);

                var end = to.val();
                end     = this.parseDate(end);
                if (end == null) {
                    to.focus();
                    var d = dialog({ content: "查询截止时间设置有误，请重新设置。", quickClose: true });
                    window.setTimeout(function () { d.close().remove(); d = null; to.focus(); }, 2000);
                    d.show(to[0]);
                    return;
                }
                end     = this.DateToFileTime(end);
                if (end <= beg) {
                    to.focus();
                    var d = dialog({ content: "查询截止时间不能小于等于查询起始时间，请重新设置。", quickClose: true });
                    window.setTimeout(function () { d.close().remove(); d = null; to.focus(); }, 2000);
                    d.show(to[0]);
                    return;
                }
                this.setBegTimeAndSpan(beg, (end - beg) / PERSEC);
            },

            getPenByRowId: function (rowId)
            {
                if (this.trendPens) {
                    for (var k in this.trendPens) {
                        var pen = this.trendPens[k];
                        if (pen.rowId == rowId)
                            return pen;
                    }
                }
                return null;
            },
            _bindPenList:               function (pen)
            {
                if (this.listGrid) {
                    var rowId = this.listRowSeed++;
                    this.listGrid.addRow(rowId, "");
                    pen._setListRowId(rowId);
                }
            },
            _synList:                   function ()
            {
                this.listGrid.clearAll();
                this.listRowSeed = 1;

                if (this.trendPens && this.trendPens.length) {
                    for (i in this.trendPens)
                        this._bindPenList(this.trendPens[i]);
                }
            },
            _updateList:                function(rowId,colName,val)
            {
                if (this.listGrid && rowId && colName) {
                    var num = this.listGrid.getColumnsNum();
                    for (var i = 0; i < num ; i++) {
                        if (this.listGrid.getColumnLabel(i) == colName) {
                            var cell = this.listGrid.cells(rowId, i);
                            if (cell)
                                cell.setValue(val);
                            break;
                        }
                    }
                }
            },
            getWebURL:                  function () {
                return GoldenRtWeb.getWebURL();
            },
            _reDrawAll:                 function () {
                var node = this.canvas.get(0);
                this.ctx.clearRect(0, 0, node.width, node.height);
                this.buttonsDrawed = false;

                this.updateDataArea();
                this.UpdatePan(true);
                this._drawIndicator();
                this._drawButtons();
            },
            _onResize:      function () {
                if (this.artTooltip)
                    this.artTooltip.close().reset().remove();

                if (this.element.width()  != this.chartWidth ||
                    this.element.height() != this.chartHeight)
                    this._bulidCanvas();
            },
            _onListSorted:  function()
            {
                var ids = this.listGrid.getAllRowIds();
                var arry = ids.split(",");
                if (arry && arry.length) {
                    var newPens = [];
                    for (var i = 0; i < arry.length; i++) {
                        var pen = this.getPenByRowId(arry[i]);
                        if (pen)
                            newPens.push(pen);
                    }
                    if (newPens.length) {
                        this.trendPens = newPens;
                        this.updateDataArea();
                        this.UpdatePan();
                    }
                }
            },
            _drawIndicator: function () {
                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var gt = this.toolBarCanShow() ? TOOLBARHEIGHT : 0;
                var rtchart = this;
                var hw;
                if (this.options.showAxis)
                    hw = this.chartWidth;
                else
                    hw = gw + 12;

                if (!this.hIndicator) {
                    this.hIndicator = $(document.createElement('canvas'));
                    this.element.append(this.hIndicator);
                    bNew = true;
                }
                this.hIndicator.css("position", "absolute")
                    .css("left", 0)
                    .css("top", 60)
                    .css("width", hw)
                    .css("height", INDICTWIDTH)
                    .css("cursor", "n-resize");

                this.hIndicator.attr("width", (hw) * this.options.resolution);
                this.hIndicator.attr("height", INDICTWIDTH * this.options.resolution);
                var node = this.hIndicator.get(0);
                if (window.G_vmlCanvasManager)
                    window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                var hctx = node.getContext('2d');
                if (!window.G_vmlCanvasManager)
                    hctx.scale(this.options.resolution, this.options.resolution);

                hctx.save();
                hctx.translate(0.5, 0.5);
                hctx.clearRect(0, 0, (hw), INDICTWIDTH);

                hctx.lineWidth = 3.0;
                hctx.strokeStyle = this.options.indicatorColor;
                hctx.beginPath();
                hctx.moveTo(1, 5);
                hctx.lineTo(hw, 5);
                hctx.stroke();

                hctx.restore();
                if (bNew)
                    this.hIndicator.draggable(
                        {
                            containment: [0, this.canvas.offset().top - 5, hw, this.canvas.offset().top + gh - 5],
                            scroll: false,
                            axis: "y",
                            drag: function (event, ui) { rtchart._onhIndicatorMove(event); },
                            stop: function (event, ui) { rtchart._onhIndicatorMoveEnd(event); }
                        });
                else
                    this.hIndicator.draggable('option', 'containment', [0, this.canvas.offset().top - 5, gw, this.canvas.offset().top + gh - 5]);
                this.hIndicator.hover(
                    function (e) {
                        rtchart.hIndicator.focus();
                        rtchart._onhIndicatorHover(e);
                    });

                if (this.vSplite) {
                    if (this.vSplite.data('drag') === true)
                        this.vSplite.draggable("destroy");
                    this.vSplite.unbind();
                    this.vSplite.remove();
                    this.vSplite = null;
                }
                if (this.hSplite) {
                    if (this.hSplite.data('drag') === true)
                        this.hSplite.draggable("destroy");
                    this.hSplite.unbind();
                    this.hSplite.remove();
                    this.hSplite = null;
                }

                bNew = false;
                if (!this.vIndicator) {
                    this.vIndicator = $(document.createElement('canvas'));
                    this.element.append(this.vIndicator);
                    bNew = true;
                }
                this.vIndicator.css("position", "absolute")
                    .css("left", 20)
                    .css("top", gt)
                    .css("width", INDICTWIDTH)
                    .css("height", (gh + 16))
                    .css("cursor", "e-resize");

                this.vIndicator.attr("width", INDICTWIDTH * this.options.resolution);
                this.vIndicator.attr("height", (gh + 16) * this.options.resolution);
                node = this.vIndicator.get(0);
                if (window.G_vmlCanvasManager)
                    window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                var vctx = node.getContext('2d');
                if (!window.G_vmlCanvasManager)
                    vctx.scale(this.options.resolution, this.options.resolution);
                vctx.save();
                vctx.translate(0.5, 0.5);
                vctx.clearRect(0, 0, INDICTWIDTH, node.height);
                vctx.lineWidth = 3.0;
                vctx.strokeStyle = this.options.indicatorColor;
                vctx.beginPath();
                vctx.moveTo(5, 1);
                vctx.lineTo(5, gh + 10);
                vctx.stroke();
                vctx.restore();
                if (bNew)
                    this.vIndicator.draggable(
                        {
                            containment: [this.canvas.offset().left - 5, 0, this.canvas.offset().left + gw - 5, gh],
                            axis: "x",
                            scroll: false,
                            drag: function (event, ui) { rtchart._onvIndicatorMove(event); },
                            stop: function (event, ui) { rtchart._onvIndicatorMoveEnd(event); }
                        });
                else
                    this.vIndicator.draggable('option', 'containment', [this.canvas.offset().left - 5, 0, this.canvas.offset().left + gw - 5, gh]);
                this.vIndicator.hover(
                    function (e) {
                        rtchart.vIndicator.focus();
                        rtchart._onvIndicatorHover(e);
                    });

                if (this.options.panShow) {
                    this.vSplite = $(document.createElement('canvas'));
                    this.hIndicator.before(this.vSplite);

                    this.vSplite.css("position", "absolute")
                        .css("left", gw)
                        .css("top", gt)
                        .css("width", PANMAG * 2)
                        .css("height", (gh + 1))
                        .css("cursor", "e-resize")
                        .addClass('unselectable');
                    this.vSplite.attr("width", PANMAG * 2 * this.options.resolution);
                    this.vSplite.attr("height", (gh + 1) * this.options.resolution);
                    node = this.vSplite.get(0);
                    if (window.G_vmlCanvasManager)
                        window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                    var spctx = node.getContext('2d');
                    if (!window.G_vmlCanvasManager)
                        spctx.scale(this.options.resolution, this.options.resolution);
                    spctx.clearRect(0, 0, node.width, node.height);

                    this.vSplite.draggable(
                        {
                            containment: [this.canvas.offset().left + 200, 0, this.chartWidth - 5, gh],
                            axis: "x",
                            scroll: false,
                            start: function (event, ui) {
                                var ctx = this.getContext('2d');
                                ctx.clearRect(0, 0, this.width, this.height);
                                var gradient = ctx.createLinearGradient(0, 0, this.width, 0);
                                gradient.addColorStop("0", "rgba(120,120,120,0.5)");
                                gradient.addColorStop(".50", "rgba(180,180,180,0.7)");
                                gradient.addColorStop("1.0", "rgba(120,120,120,0.5)");
                                ctx.fillStyle = gradient;
                                ctx.fillRect(0, 0, this.width, this.height);

                                ctx.beginPath();
                                ctx.lineWidth = "1";
                                ctx.strokeStyle = "rgb(30,30,30)";
                                ctx.rect(.5, .5, this.width - 1, this.height - 1);
                                ctx.stroke();
                            },
                            stop: function (event, ui) {
                                var ctx = this.getContext('2d');
                                ctx.clearRect(0, 0, this.width, this.height);
                                var l = $(this).position().left;
                                rtchart.setPanWidth(rtchart.chartWidth - l);
                            }
                        });
                    this.vSplite.data('drag', true);
                    this.vSplite.hover(
                        function (e) {
                            var o = $(this).offset();
                            var x = e.pageX - o.left;
                            var y = e.pageY - o.top;

                            if (y > this.height / 2 - 18 && y < this.height / 2 - 18 + 35) {
                                $(this).attr('title', '收回数据板');
                                $(this).css('cursor', 'pointer');
                            }
                            else {
                                $(this).attr('title', null);
                                $(this).css('cursor', "e-resize");
                            }
                        },
                        function (e) {
                            $(this).css("cursor", "e-resize");
                        });
                    this.vSplite.click(function (e) {
                        var o = $(this).offset();
                        var x = e.pageX - o.left;
                        var y = e.pageY - o.top;
                        if (y > this.height / 2 - 18 && y < this.height / 2 - 18 + 35)
                            rtchart.setPanShow(false);
                    });
                }
                else if (this.panCanShow()) {
                    this.vSplite = $(document.createElement('canvas'));
                    this.hIndicator.before(this.vSplite);

                    this.vSplite.css("position", "absolute")
                        .css("left", this.chartWidth - 5)
                        .css("top",  gh / 2 + 15)
                        .css("width", 5)
                        .css("height", 35)
                        .css("cursor", "pointer")
                        .attr("title", "展开数据板");
                    this.vSplite.attr("width", 5 * this.options.resolution);
                    this.vSplite.attr("height", 35 * this.options.resolution);
                    node = this.vSplite.get(0);
                    if (window.G_vmlCanvasManager)
                        window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                    var spctx = node.getContext('2d');
                    if (!window.G_vmlCanvasManager)
                        spctx.scale(this.options.resolution, this.options.resolution);
                    spctx.clearRect(0, 0, node.width, node.height);

                    this.vSplite.click(function (e) {
                        rtchart.setPanShow(true);
                    });
                }

                if (this.listCanshow()) {
                    this.hSplite = $(document.createElement('canvas'));
                    this.element.append(this.hSplite);
                    var t;
                    if (this.listCanshow() && this.options.listExpand)
                        t = this.chartHeight - this.options.listHeight;
                    else
                        t = this.chartHeight - 11;
                    this.hSplite.css("position", "absolute")
                        .css("left", 0)
                        .css("top", t)
                        .css("right", 0)
                        .css("height", 10)
                        .css("cursor", "n-resize")
                        .css("z-index",1000)
                        .addClass('unselectable');
                    this.hSplite.attr("width",  this.chartWidth * this.options.resolution);
                    this.hSplite.attr("height", 10 * this.options.resolution);
                    node = this.hSplite.get(0);
                    if (window.G_vmlCanvasManager)
                        window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                    var hpctx = node.getContext('2d');
                    if (!window.G_vmlCanvasManager)
                        hpctx.scale(this.options.resolution, this.options.resolution);
                    hpctx.clearRect(0, 0, node.width, node.height);
                    this.hSplite.draggable(
                        {
                            containment: [0, this.element.offset().top + 210, 0, this.element.offset().top + this.element.height() - 30],
                            axis: "y",
                            scroll: false,
                            start: function (event, ui) {
                                var ctx = this.getContext('2d');
                                ctx.clearRect(0, 0, this.width, this.height);
                                var gradient = ctx.createLinearGradient(0, 0, 0, this.height);
                                gradient.addColorStop("0", "rgba(120,120,120,0.5)");
                                gradient.addColorStop(".50", "rgba(200,200,200,0.7)");
                                gradient.addColorStop("1.0", "rgba(120,120,120,0.5)");
                                ctx.fillStyle = gradient;
                                ctx.fillRect(0, 0, this.width - 3, this.height);

                                ctx.beginPath();
                                ctx.lineWidth = "1";
                                ctx.strokeStyle = "rgb(30,30,30)";
                                ctx.rect(.5, .5, this.width - 3, this.height - 1);
                                ctx.stroke();
                            },
                            stop: function (event, ui) {
                                var ctx = this.getContext('2d');
                                ctx.clearRect(0, 0, this.width, this.height);
                                var t = rtchart.chartHeight - $(this).offset().top + rtchart.element.offset().top;
                                rtchart.setListHeight(t);
                            }
                        });
                    this.hSplite.data('drag', true);
                    this.hSplite.hover(
                        function (e) {
                            var o = $(this).offset();
                            var x = e.pageX - o.left;
                            var y = e.pageY - o.top;

                            if (x > this.width / 2 - 18 && x < this.width / 2 + 18) {
                                if (rtchart.options.listExpand)
                                    $(this).attr('title', '收回数据列表');
                                else
                                    $(this).attr('title', '展开数据列表');
                                $(this).css('cursor', 'pointer');
                            }
                            else {
                                $(this).attr('title', null);
                                $(this).css('cursor', "n-resize");
                            }
                        },
                        function (e) {
                            $(this).css("cursor", "n-resize");
                        }
                    );
                    this.hSplite.click(function (e) {
                        var o = $(this).offset();
                        var x = e.pageX - o.left;
                        var y = e.pageY - o.top;
                        if (x > this.width / 2 - 18 && x < this.width / 2 + 18) {
                            if (rtchart.options.listExpand)
                                rtchart.setListExpand(false);
                            else
                                rtchart.setListExpand(true);
                        }
                    });
                }
            },
            _drawButtons:   function () {
                if (this.buttonsDrawed === true || !this.options.buttonImage)
                    return;

                if (this.options.buttonImage.get(0).complete === true) {
                    var img = this.options.buttonImage.get(0);
                    var gw = this.getGridWidth();
                    var gh = this.getGridHeight();

                    this.buttonsDrawed = true;
                    var canvas = this.vIndicator.get(0);
                    var ctx = canvas.getContext("2d");
                    ctx.drawImage(img, 0, 0, 11, 11, 0, gh - 3, 11, 11);

                    canvas = this.hIndicator.get(0);
                    ctx = canvas.getContext("2d");
                    ctx.drawImage(img, 11, 0, 11, 11, gw - 3, 0, 11, 11);
                    if (this.vSplite) {
                        canvas = this.vSplite.get(0);
                        ctx = canvas.getContext("2d");
                        if (this.options.panShow)
                            ctx.drawImage(img, 0, 11, 5, 35, 0, canvas.height / 2 - 18, 5, 35);
                        else
                            ctx.drawImage(img, 5, 11, 5, 35, 0, 0, 5, 35);
                    }
                    if (this.hSplite) {
                        canvas = this.hSplite.get(0);
                        ctx = canvas.getContext("2d");
                        if(this.options.listExpand)
                            ctx.drawImage(img, 10, 11, 35, 5, canvas.width / 2 - 18, 0, 35, 5);
                        else
                            ctx.drawImage(img, 10, 15, 35, 5, canvas.width / 2 - 18, 0, 35, 5);
                    }
                }
                else {
                    var me = this;
                    this.options.buttonImage.load(function () {
                        if (me) {
                            me._drawButtons();

                            me.UpdateDataPan(true);
                            me = null;
                        }
                    });
                }
            },

            updateDataArea: function()
            {
                if (this.updateDataAreaTimer == null) {
                    var self = this;
                    this.updateDataAreaTimer = window.setTimeout(function () {
                        window.clearTimeout(self.updateDataAreaTimer)
                        self.updateDataAreaTimer = null;
                        self._drawDataArea();
                        self = null;
                    }, 20);
                }
            },
            _drawDataArea:  function () {
                if (this.thumbsCanshow())
                    this._drawThumbs();
                this._drawTimeLabel();
                this._drawTrendLines();
            },
            _drawTrendLines:function()
            {
                var gw  = this.getGridWidth();
                var gh  = this.getGridHeight();
                var ctx = this.ctx;
                ctx.save();
                ctx.clearRect(0, 0, gw, gh);
                ctx.translate(0.5, 0.5);

                var begTime     = this.getDrawBegTime();
                var endTime     = this.getDrawEndTime();
                var timeScale   = gw / (endTime - begTime);

                if (this.options.showGrid) {
                    var y = gh / 20.0;
                    ctx.beginPath();
                    ctx.lineWidth = 1;
                    ctx.strokeStyle = this.options.gridColor;
                    for (var i = 0; i < 19; i++) {
                        var iy = Math.floor(y );
                        ctx.moveTo(0, iy);

                        ctx.lineTo(gw, iy);
                        y += gh / 20.0;
                    }

                    var t       = this.ftTimeLabelBeg;
                    var x       = (t - begTime) * timeScale;
                    for (var i  = 0; i < 4; i++) {
                        var ix  = Math.floor(x);
                        ctx.moveTo(ix, 0);
                        ctx.lineTo(ix, gh);
                        t += (endTime - begTime) / 4;
                        x  = (t - begTime) * timeScale;
                    }
                    ctx.stroke();
                }

                if (this.trendPens && this.trendPens.length) {
                    ctx.rect(1, 1, gw - 1, gh - 1);
                    ctx.clip();
                    ctx.lineWidth   = 1;
                    for (k in this.trendPens) {
                        var pen = this.trendPens[k];
                        if (pen != this.activePen)
                            pen.drawTrendLine(ctx, begTime, endTime, gw, gh, timeScale);
                    }
                    if (this.activePen) {
                        var shadowSize  = this.options.activeShadowSize;
                        var lineWidth   = 2;
                        ctx.lineWidth   = shadowSize / 2;
                        var offset      = lineWidth / 2 + ctx.lineWidth / 2;
                        ctx.strokeStyle = "rgba(0,0,0,0.4)";
                        this.activePen.drawTrendLine(ctx, begTime, endTime, gw, gh, timeScale, offset + shadowSize / 2);
                        ctx.strokeStyle = "rgba(0,0,0,0.5)";
                        this.activePen.drawTrendLine(ctx, begTime, endTime, gw, gh, timeScale, offset);

                        ctx.lineWidth   = lineWidth;
                        this.activePen.drawTrendLine(ctx, begTime, endTime, gw, gh, timeScale);
                    }
                }

                if (this.zoomRect) {
                    ctx.lineWidth   = 1;
                    ctx.strokeStyle = "rgb(180,180,180)";
                    ctx.fillStyle   = "rgba(10,10,10,0.2)";
                    ctx.beginPath();

                    ctx.rect(this.zoomRect.x, this.zoomRect.y, this.zoomRect.w, this.zoomRect.h);
                    ctx.fill();
                    ctx.stroke();
                }

                ctx.restore();
                if (this.options.borderColor != null) {
                    ctx.lineWidth = 1;
                    ctx.beginPath();
                    ctx.strokeStyle = this.options.borderColor;
                    ctx.rect(0.5, 0.5, gw, gh);
                    ctx.stroke();
                }
            },

            _onThumbsChanged:   function()
            {
                this.thumbBegDiv.draggable("option", "containment", [this.canvas.offset().left - 3, 0, this.canvas.offset().left + this.thumbEndDiv.position().left - 20, 0]);
                this.thumbEndDiv.draggable("option", "containment", [this.canvas.offset().left + this.thumbBegDiv.position().left + 20, 0, this.canvas.offset().left + this.chartWidth - 3, 0]);
                this._drawThumbs();

                this._drawTimeLabel();
                this._drawTrendLines();
            },
            _resetTumbs:        function () {
                if (this.thumbBegDiv) {
                    this.thumbBegDiv
                        .css("left", -3)
                        .draggable("option", "containment", [this.canvas.offset().left - 3, 0, this.canvas.offset().left + this.chartWidth - 18, 0]);
                }
                if (this.thumbEndDiv) {
                    this.thumbEndDiv
                        .css("left", this.chartWidth - 3)
                        .draggable("option", "containment", [this.canvas.offset().left + 18, 0, this.canvas.offset().left + this.chartWidth - 18, 0]);
                }
            },
            _drawThumbs:        function ()
            {
                var thw = this.chartWidth;
                var gh = this.getGridHeight();
                var gt = gh + TIMELABELHEIGHT;
                var h = SHOWTHUMBSHEIGHT - 3;

                var ctx = this.ctx;
                ctx.save();
                ctx.clearRect(0, gt, thw, h);
                ctx.translate(0.5, 0.5);

                if (this.trendPens && this.trendPens.length) {
                    var begTime = this.getBegTime();
                    var endTime = this.getEndTime();
                    var timeScale = thw / this.options.spanSec / PERSEC;
                    ctx.rect(1, gt, thw - 1, h - 1);
                    ctx.clip();
                    ctx.lineWidth = 1;
                    for (k in this.trendPens) {
                        var pen = this.trendPens[k];
                        pen.drawThumbsTrendLine(ctx, begTime, endTime,gh, gt, h, timeScale);
                    }
                }

                ctx.fillStyle = "rgba(100,100,100,0.7)";
                var ix = this.thumbBegDiv.position().left + 6;
                ctx.fillRect(0, gt, ix, h);
                ix = this.thumbEndDiv.position().left;
                ctx.fillRect(ix, gt, thw - ix, h);
                ctx.restore();

                if (this.options.borderColor != null) {
                    ctx.lineWidth = 1;
                    ctx.beginPath();
                    ctx.strokeStyle = this.options.borderColor;
                    ctx.rect(0.5, 0.5 + gt, thw - 1, h);
                    ctx.stroke();
                }
            },

            _drawTimeLabel:     function () {
                if (!this.ctx || !this.slidCanShow())
                    return;
                var begTime     = this.getDrawBegTime();
                var endTime     = this.getDrawEndTime();
                var timeSpan    = (endTime - begTime);
                var span        = timeSpan / 4;
                var changed = false;
                if (this.ftTimeLabelBeg == null ||
                    Math.abs(this.ftTimeLabelBeg - this.ftBeginTime) > this.options.spanSec * PERSEC)
                {
                    if (span >= PERDAY) {
                        var ft = begTime + PERDAY;
                        ft = this.FileTimeToDate(ft);
                        ft.setHours(0);
                        ft.setMinutes(0);
                        ft.setSeconds(0);
                        ft.setMilliseconds(0);
                        this.ftTimeLabelBeg = this.DateToFileTime(ft);
                    }
                    else if (span > PERHOUR) {
                        var ft = begTime + PERHOUR;
                        ft = this.FileTimeToDate(ft);
                        ft.setMinutes(0);
                        ft.setSeconds(0);
                        ft.setMilliseconds(0);
                        this.ftTimeLabelBeg = this.DateToFileTime(ft);
                    }
                    else if (span > PERMINUTE) {
                        var ft = begTime + PERMINUTE;
                        ft = this.FileTimeToDate(ft);
                        ft.setSeconds(0);
                        ft.setMilliseconds(0);
                        this.ftTimeLabelBeg = this.DateToFileTime(ft);
                    }
                    else if (span > PERSEC) {
                        var ft = begTime + PERSEC;
                        ft = this.FileTimeToDate(ft);
                        ft.setMilliseconds(0);
                        this.ftTimeLabelBeg = this.DateToFileTime(ft);
                    }
                    else
                        this.ftTimeLabelBeg = begTime + span;
                    changed = true;
                }
                while (begTime < this.ftTimeLabelBeg + span) {
                    this.ftTimeLabelBeg -= span;
                    changed = true;
                }
                while (begTime > this.ftTimeLabelBeg) {
                    this.ftTimeLabelBeg += span;
                    changed = true;
                }
                if(changed)
                    this._updatevIndicatorTooltip();

                var ctx = this.ctx;
                ctx.save();
                ctx.translate(0.5, 0.5);
                ctx.fillStyle = this.options.timeLabelColor;
                ctx.textBaseline = "top";
                ctx.textAlign = "left";
                ctx.font = "12px sans-serif";
                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                ctx.clearRect(0, gh + 0.5, gw, 13);

                var len = 60;
                var str;
                if (timeSpan/PERSEC > 10)
                    str = this.FileTimeToTimeString(begTime, false);
                else {
                    str = this.FileTimeToTimeString(begTime, true);
                    len = 80;
                }
                ctx.fillText(str, 0, gh);
                str = this.FileTimeToDateString(begTime);

                ctx.clearRect(0, gh + 14, 70, 16);
                ctx.fillText(str, 0, gh + 16);
                var time = this.ftTimeLabelBeg;
                var x = (time - begTime) * gw / timeSpan;
                var px = 0;
                for (var i = 1; i < 5; i++) {
                    var ix = Math.floor(x);

                    if ((ix > px + len) && (ix + len < gw - len)) {
                        if (this.options.spanSec > 10)
                            str = this.FileTimeToTimeString(time, false);
                        else
                            str = this.FileTimeToTimeString(time, true);
                        ctx.fillText(str, ix, gh);
                        px = x;
                    }
                    time += timeSpan / 4;
                    x += gw / 4;
                }

                if (timeSpan / PERSEC > 10)
                    str = this.FileTimeToTimeString(endTime, false);
                else
                    str = this.FileTimeToTimeString(endTime, true);
                ctx.textAlign = "right";
                ctx.fillText(str, gw, gh);
                str = this.FileTimeToDateString(endTime);
                ctx.clearRect(gw - 70, gh + 14, 72, 16);
                ctx.fillText(str, gw, gh + 16);

                ctx.restore();
            },

            UpdatePan:          function (bReDraw) {
                if (bReDraw)
                    this.panReDraw = bReDraw;
                if (this.updatePanTimer == null) {
                    var self = this;
                    this.updatePanTimer = window.setTimeout(function () {
                        window.clearTimeout(self.updatePanTimer)
                        self.updatePanTimer = null;
                        self._drawPan();
                        self = null;
                    }, 100);
                }
            },
            UpdateDataPan:      function (bReDraw) {
                if (this.options.showAxis || !this.options.panShow)
                    return;
                this.UpdatePan(bReDraw);
            },
            UpdateAxisPan:      function (bReDraw) {
                if (!this.options.showAxis || !this.options.panShow)
                    return;
                this.UpdatePan(bReDraw);
            },
            _drawPan:           function (bReDraw) {
                if (this.options.panShow) {
                    var l = this.getGridWidth() + PANMAG;
                    var w = this.options.panWidth - PANMAG;
                    if (this.options.showAxis) {
                        var h = this.getGridHeight() + TIMELABELHEIGHT;

                        var ctx = this.ctx;
                        ctx.save();
                        ctx.font            = "12px sans-serif";
                        ctx.textBaseline = "top";
                        ctx.lineWidth = 1.0;
                        ctx.lineJoin = 'miter';
                        ctx.clearRect(l, 0, w + 1, h);
                        ctx.rect(l, 0,  w + 1, h - 2);
                        ctx.clip();
                        ctx.translate(0.5, 0.5);
                        if (this.trendPens) {
                            for (var i = 0; i < this.trendPens.length; i++)
                                this.trendPens[i].resetAxisDrawed();
                            var pl = this.getGridWidth() + PANMAG;
                            var ph = this.getGridHeight();
                            var pw = this.options.panWidth - PANMAG;

                            var begX = pl + 1;
                            for (var i = 0; i < this.trendPens.length; i++) {
                                ctx.strokeStyle = this.options.borderColor;
                                ctx.fillStyle = this.options.timeLabelColor;
                                var drawPen = this.trendPens[i];
                                var x = drawPen.drawAxis(begX, ph, ctx);
                                if (isNaN(x))
                                    x = 0;

                                begX += x  + 2;
                                if (begX >= this.chartWidth)
                                    break;
                            }
                        }
                        ctx.restore();
                    }
                    else {
                        var h = this.getGridHeight();
                        if (this.yScroll == null || this.yScroll < 0)
                            this.yScroll = 0;
                        else if (!this.trendPens || h > PANHEAD + this._getPanTotalHeight())
                            this.yScroll = 0;
                        else if (this.yScroll + (h - PANHEAD) > this._getPanTotalHeight())
                            this.yScroll = this._getPanTotalHeight() - h + PANHEAD;

                        var ctx = this.ctx;
                        ctx.save();
                        ctx.font = "14px sans-serif";
                        ctx.textBaseline = "top";

                        bReDraw = this.panReDraw || bReDraw;
                        this.panReDraw = false;
                        if (bReDraw)
                            ctx.clearRect(l + 0.5, 0.5, w, h + TIMELABELHEIGHT);

                        ctx.rect(l, 0, w + 1, h - 2);
                        ctx.clip();

                        if (this.trendPens) {
                            var t = PANHEAD - this.yScroll;
                            var pl = this.getGridWidth() + PANMAG;
                            var ph = this.getGridHeight();
                            var pw = this.options.panWidth - PANMAG;

                            for (var i = 0; i < this.trendPens.length; i++) {
                                ctx.save();
                                ctx.translate(pl, t);
                                if (this.newPenPos == i) {
                                    ctx.lineWidth = 4.0;
                                    ctx.lineJoin = 'round';
                                    ctx.strokeStyle = "rgb(0,210,210)";
                                    ctx.beginPath();
                                    ctx.moveTo(0, 0);
                                    ctx.lineTo(pw, 0);
                                    ctx.stroke();
                                }
                                var drawPen = this.trendPens[i];
                                drawPen.drawPan(bReDraw, ctx, t, pw);
                                ctx.restore();
                                t += drawPen.getPanHeight();
                                if (t > ph)
                                    break;
                            }
                        }
                        if (this._showAxisToggle === true) {
                            this._showAxisToggle = false;
                            ctx.clearRect(l + 0.5, h, w, TIMELABELHEIGHT);
                        }
                        ctx.restore();
                        ctx.beginPath();
                        ctx.lineWidth = 1;
                        ctx.strokeStyle = this.options.borderColor;
                        ctx.rect(l + 0.5, 0.5, w, h);
                        ctx.stroke();
                    }
                }
            },

            _setOption:         function (key, value) {
                switch (key) {
                    case "rtRefresh":
                        this.setRtrefresh(value);
                        break;
                }
                this._super(key, value);
            },
            toggleRtRefresh:    function () {
                this.setRtrefresh(!this.options.rtRefresh);
            },
            setRtrefresh:       function (brtRefresh) {
                if (this.options.rtRefresh == brtRefresh)
                    return;

                this.options.rtRefresh = brtRefresh;
                if (this.options.rtRefresh) {
                    this.toolBar.setItemImage("reRefresh","refresh.png");
                    this.toolBar.setItemState("reRefresh", true);
                    this.toolBar.setItemToolTip("reRefresh", "当前为实时刷新模式，单击转变为静态查询模式");
                }
                else {
                    this.toolBar.setItemImage("reRefresh", "query.png");
                    this.toolBar.setItemState("reRefresh", false);
                    this.toolBar.setItemToolTip("reRefresh", "当前为静态查询模式，单击转变为实时刷新模式");
                }
                if (this.options.rtRefresh) {
                    if (Math.abs(this.DateToFileTime(new Date()) - this.getEndTime()) > this.options.spanSec * PERSEC) {
                        var begTime = new Date();
                        begTime.setMilliseconds(0);
                        begTime = this.DateToFileTime(begTime);
                        begTime += PERSEC;
                        begTime -= this.options.spanSec * PERSEC;

                        this.ftTimeLabelBeg = null;

                        if (this.ftBeginTime == begTime)
                            this.ftBeginTime = 0;
                        this.setBeginTime(begTime);
                    }
                    else if (this.webLinks) {
                        for (var i in this.webLinks)
                            this.webLinks[i].requestHisData();
                    }
                }
            },

            toggleShowAxis:     function ()
            {
                this.setShowAxis(!this.options.showAxis);
            },
            setShowAxis:        function (bShowAxis)
            {
                if (this.options.showAxis == bShowAxis)
                    return;

                this.options.showAxis = bShowAxis;
                if (this.options.showAxis) {
                    this.toolBar.setItemImage("showAxis", "axis.png");
                    this.toolBar.setItemState("showAxis", true);
                    this.toolBar.setItemToolTip("showAxis", "当前为值轴显示模式，单击转变为数据板显示模式");
                }
                else {
                    this.toolBar.setItemImage("showAxis", "datapan.png");
                    this.toolBar.setItemState("showAxis", false);
                    this.toolBar.setItemToolTip("showAxis", "当前为数据板显示模式，单击转变为值轴显示模式");
                }
                this._showAxisToggle = true;
                var gw = this.getGridWidth();
                var hw;
                if (this.options.showAxis)
                    hw = this.chartWidth;
                else
                    hw = gw + 12;
                this.hIndicator.css("width", hw);
                this.hIndicator.attr("width", (hw) * this.options.resolution);
                var node = this.hIndicator.get(0);
                if (window.G_vmlCanvasManager)
                    window.G_vmlCanvasManager.initElement(node); // For ExCanvas
                var hctx = node.getContext('2d');
                if (!window.G_vmlCanvasManager)
                    hctx.scale(this.options.resolution, this.options.resolution);

                hctx.save();
                hctx.translate(0.5, 0.5);
                hctx.clearRect(0, 0, (hw), INDICTWIDTH);
                hctx.lineWidth = 3.0;
                hctx.strokeStyle = this.options.indicatorColor;
                hctx.beginPath();
                hctx.moveTo(1,  5);
                hctx.lineTo(hw, 5);
                hctx.stroke();
                if (this.options.buttonImage && this.options.buttonImage.get(0).complete === true) {
                    var img = this.options.buttonImage.get(0);
                    hctx.drawImage(img, 11, 0, 11, 11, gw - 3, -0.5, 11, 11);
                }

                hctx.restore();

                this.UpdatePan(true);
            },
            toggleRangeMode: function () {
                
                this.setRangeMode(!this.options.freeRange);
            },
            setRangeMode: function (rangeMode) {
                if (this.options.freeRange === rangeMode) return;

                this.options.freeRange = rangeMode;
                if (this.options.freeRange) {
                    this.toolBar.setItemImage("toggleRange", "view_type_free.png");
                    this.toolBar.setItemState("toggleRange", true);
                    this.toolBar.setItemToolTip("toggleRange", "当前量程为自由量程，点击切换到固定量程");
                } else {
                    this.toolBar.setItemImage("toggleRange", "view_type.png");
                    this.toolBar.setItemState("toggleRange", false);
                    this.toolBar.setItemToolTip("toggleRange", "当前量程为固定量程，点击切换到自由量程");
                }
                // 如果是固定量程
                var pen
                if (!rangeMode) {
                    for (var i = 0, len = this.trendPens.length; i < len; i++) {
                        pen = this.trendPens[i];
                        pen.setRange(0, 1000, null);
                    }
                }
            },
            setCursor:          function (cursor) {
                this.canvas.css("cursor", cursor);
            },

            showTooltip:    function (opt, pen) {
                if (this.artTooltip)
                    this.artTooltip.close().remove();

                if (this.tipShowPen)
                    this.tipShowPen.onTooltipHided();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }

                var rtChart = this;
                this.tooltipTimer = window.setTimeout(
                    function () {
                        var o = rtChart.getOffset();
                        if (opt.x == null || opt.x < 0)
                            opt.x = 0;
                        else if (opt.x + rtChart.positionDiv.width() + 2 > o.left + rtChart.chartWidth)
                            opt.x = o.left + rtChart.chartWidth - rtChart.positionDiv.width() - 2;
                        if (opt.y == null || opt.y < 0)
                            opt.y = 0;
                        else if (opt.y + rtChart.positionDiv.height() + 2 > o.top + rtChart.chartHeight)
                            opt.y = o.top + rtChart.chartHeight - rtChart.positionDiv.height() - 2;
                        rtChart.positionDiv.offset({ left: opt.x, top: opt.y });

                        $.extend(opt,
                            {
                                padding: 10,
                                onremove: function () {
                                    rtChart._onTootipHided();
                                    rtChart = null;
                                }
                            });
                        rtChart.artTooltip = dialog(opt);
                        rtChart.artTooltip.show(rtChart.positionDiv.get(0));

                        rtChart.btipShow = true;
                        rtChart.tipShowPen = pen;
                        if (rtChart.tipShowPen)
                            rtChart.tipShowPen.onTooltipShowed();
                    }, this.options.tooltipDelay || 200);
            },
            UpdateTooltip:  function (content) {
                if (this.artTooltip)
                    this.artTooltip.content(content)
            },
            _onTootipHided: function () {
                this.btipShow = false;
                if (this.tipShowPen) {
                    this.tipShowPen.onTooltipHided();
                    this.tipShowPen = null;
                }
                this.tootipAt = null;
                if (this.artTooltip)
                    delete this.artTooltip;
                this.positionDiv.offset({ left: this.canvas.offset().left, top: this.canvas.offset().top });
            },
            getTooltipPen:  function () {
                return this.tipShowPen;
            },

            _onhIndicatorHover:     function (e) {
                if (this.loginning === true)
                    return;
                if (this.artTooltip && this.tootipAt == "HI" && this.artTooltip.__popup)
                    return;
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }

                var rtChart = this;
                this.tooltipTimer = window.setTimeout(
                    function () {
                        if (rtChart.tooltipTimer) {
                            window.clearTimeout(rtChart.tooltipTimer);
                            rtChart.tooltipTimer = null;
                        }

                        var gh = rtChart.getGridHeight();
                        var o = rtChart.canvas.offset();
                        var y = e.pageY - o.top;
                        var ta = (y > gh / 2) ? 'bottom' : 'top';
                        var opt =
                        {
                            title: "值线",
                            content: rtChart._gethIndicatorTooltipContent(),
                            align: ta,
                            padding: 10,
                            width: 300,
                            skin: 'tooltipTans'
                        };
                        rtChart.artTooltip = dialog(opt);
                        rtChart.artTooltip.show(rtChart.hIndicator.get(0));
                        rtChart.btipShow = true;
                        rtChart.tootipAt = "HI";

                        rtChart = null;

                    }, this.options.tooltipDelay || 1000);
            },
            _onhIndicatorMove:      function (event)
            {
                if (this.artTooltip && this.tootipAt == "HI" && this.artTooltip.__popup)
                    this.artTooltip.content(this._gethIndicatorTooltipContent());
            },
            _onhIndicatorMoveEnd:   function (event)
            {
                if (this.artTooltip && this.tootipAt == "HI" && this.artTooltip.__popup)
                    this.artTooltip.content(this._gethIndicatorTooltipContent());
            },
            _gethIndicatorTooltipContent:   function()
            {
                var gh = this.getGridHeight();
                var iy = this.hIndicator.offset().top - this.canvas.offset().top + 5;
                var content = null;
                if (this.trendPens) {
                    var arr = [];
                    for (var i in this.trendPens)
                        arr.push(this.trendPens[i].getValueLine(iy));
                    if (arr.length)
                        content = arr.join("");
                }
                return content;
            },

            _onvIndicatorHover:     function (e) {
                if (this.loginning === true)
                    return;
                if (this.artTooltip && this.tootipAt == "VI" && this.artTooltip.__popup)
                    return;
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }
                var rtChart = this;
                this.tooltipTimer = window.setTimeout(
                    function () {
                        if (rtChart.tooltipTimer) {
                            window.clearTimeout(rtChart.tooltipTimer);
                            rtChart.tooltipTimer = null;
                        }

                        var gw = rtChart.getGridWidth();
                        var o = rtChart.canvas.offset();
                        var x = e.pageX - o.left;
                        var ta = (x > gw / 2) ? 'left top' : 'left top';
                        var currentTime = {};
                        var opt =
                        {
                            title: rtChart._getvIndicatorTooltipTitle(currentTime),
                            content: rtChart._getvIndicatorTooltipContent(currentTime),
                            align: ta,
                            padding: 10,
                            width: 320,
                            skin: 'tooltipTans'
                        };
                        rtChart.artTooltip = dialog(opt);
                        rtChart.artTooltip.show(rtChart.vIndicator.get(0));
                        rtChart.btipShow = true;
                        rtChart.tootipAt = "VI";

                        rtChart = null;
                    }, this.options.tooltipDelay || 1000);

            },
            _onvIndicatorMove:      function(e)
            {
                if (this.artTooltip && this.tootipAt == "VI" && this.artTooltip.__popup) {
                    this.artTooltip.reset();
                    this._updatevIndicatorTooltip();
                }
            },
            _onvIndicatorMoveEnd:   function (e) {
                this._updatevIndicatorTooltip();
            },
            _updatevIndicatorTooltip: function () {
                if (this.artTooltip && this.tootipAt == "VI" && this.artTooltip.__popup) {
                    if (this.vTooltipTimer == null) {
                        var rtChart = this;
                        this.vTooltipTimer = window.setTimeout(function () {
                            window.clearTimeout(rtChart.vTooltipTimer);
                            rtChart.vTooltipTimer = null;

                            var currTime = {};
                            rtChart.artTooltip.title(rtChart._getvIndicatorTooltipTitle(currTime));
                            rtChart.artTooltip.content(rtChart._getvIndicatorTooltipContent(currTime));
                            rtChart = null;
                        }, 100);
                    }
                }
                if (this.trendPens) {
                    for (var i in this.trendPens)
                        this.trendPens[i].updateDataReader();
                }
            },
            _getvIndicatorTooltipTitle: function (currTime) {
                var gw = this.getGridWidth();
                var ix = this.vIndicator.position().left + 5;
                var begTime = this.getDrawBegTime();
                var endTime = this.getDrawEndTime();
                var span = endTime - begTime;
                var timeScale = span / gw;
                var ft = begTime + ix * timeScale;

                var title = "";
                var date = this.FileTimeToDate(ft);
                if (span > 28 * PERDAY)
                    title += date.getFullYear() + "年";
                if (span > PERDAY)
                    title += (date.getMonth() + 1) + "月";
                if (span > PERHOUR)
                    title += date.getDate() + "日";

                title += this.FileTimeToTimeString(ft, true);
                title += " 附近的值";
                currTime.ft = ft;
                return title;
            },

            _getvIndicatorTooltipContent: function (currentTime) {
                var ft = currentTime.ft;
                if (this.trendPens) {
                    var content = [];

                    for (var i in this.trendPens)
                        content.push(this.trendPens[i].getValueTooltipAtTime(ft));
                    if (content.length)
                        return content.join("");
                    else
                        return null;
                }
                else
                    return null;
            },
            posvIndicator:function(ft)
            {
                if (ft >= this.getBegTime() && ft <= this.getEndTime()) {
                    if (this.options.rtRefresh)
                        this.setRtrefresh(false);
                    if (ft <= this.getDrawBegTime() || ft >= this.getDrawEndTime()) {
                        this._resetTumbs();
                        this.updateDataArea();
                    }
                    var begTime = this.getDrawBegTime();
                    var endTime = this.getDrawEndTime();
                    var gw      = this.getGridWidth();
                    var span    = endTime - begTime;
                    var timeScale = span / gw;

                    var posX = Math.floor((ft - this.getDrawBegTime()) / timeScale) - 6;
                    while(1){
                        this.vIndicator.css("left", posX - 5);
                        var ix = this.vIndicator.position().left + 5;
                        if (begTime + ix * timeScale >= ft)
                            break;
                        posX++;
                    }
                }
            },
            getReaderTimer:function()
            {
                var gw = this.getGridWidth();
                var ix = this.vIndicator.position().left + 5;
                var begTime = this.getDrawBegTime();
                var endTime = this.getDrawEndTime();
                var span = endTime - begTime;
                var timeScale = span / gw;
                var ft = begTime + ix * timeScale;
                return ft;
            },
            getHisRefreshing:   function () {
                return this.options.rtRefresh;
            },

            panCanShow:         function () {
                if (!this.options.panWidth || this.options.panWidth < MINPANWIDTH)
                    this.options.panWidth = MINPANWIDTH;
                if (this.chartWidth < 100 + this.options.panWidth)
                    return false;
                else
                    return true;
            },
            thumbsCanshow:      function()
            {
                if (this.options.showThumbs && this.chartHeight > SHOWTHUMBSHLIMT)
                    return true;
                else
                    return false;
            },
            thumbsShow:         function()
            {
                if (this.options.showThumbs && this.chartHeight > SHOWTHUMBSHLIMT) {
                    var beg = this.thumbBegDiv.position().left + 3;
                    var end = this.thumbEndDiv.position().left + 3;
                    if (beg > 0 || end < this.chartWidth)
                        return true;
                    else
                        return false;
                }
                else
                    return false;
            },
            _tumbsCanDrag:      function (x) {
                var beg = this.thumbBegDiv.position().left + 3;
                var end = this.thumbEndDiv.position().left + 3;

                if ((x > beg && x < end) && (beg > 0 || end < this.chartWidth))
                    return true;
                else
                    return false;
            },
            listCanshow:        function () {
                if (this.options.showList && (this.chartHeight - this.options.listHeight) > 200)
                    return true;
                else
                    return false;
            },
            toolBarCanShow:     function () {
                if (this.chartHeight > SHOWTOOLBARHLIMIT)
                    return true;
                else
                    return false;
            },
            slidCanShow:        function () {
                if (this.chartHeight > SLIDHLIMIT)
                    return true;
                else
                    return false;
            },

            setListHeight:      function(h)
            {
                if (this.options.listHeight == h) {
                    if (this.hSplite) {
                        var canvas = this.hSplite.get(0);
                        var ctx = canvas.getContext("2d");
                        if (this.options.buttonImage && this.options.buttonImage.get(0).complete === true) {
                            var img = this.options.buttonImage.get(0);
                            if (this.options.listExpand)
                                ctx.drawImage(img, 10, 11, 35, 5, canvas.width / 2 - 18, 0, 35, 5);
                            else
                                ctx.drawImage(img, 10, 15, 35, 5, canvas.width / 2 - 18, 0, 35, 5);
                        }
                    }
                    return;
                }
                this.options.listHeight = h;
                if (this.options.listHeight < 30)
                    this.options.listExpand = false;
                else
                    this.options.listExpand = true;

                if (this.artTooltip)
                    this.artTooltip.close().reset().remove();

                this._bulidCanvas();
            },
            setListExpand:      function(bExpand)
            {
                if (this.options.listExpand == bExpand)
                    return;
                if (bExpand) {
                    if (!this.listCanshow())
                        return;
                }
                this.options.listExpand = bExpand;
                if (this.artTooltip)
                    this.artTooltip.close().reset().remove();
                this._bulidCanvas();
            },

            getPanShow:         function () {
                return this.options.panShow;
            },
            setPanShow:         function (bShow) {
                if (this.options.panShow == bShow)
                    return;
                if (bShow) {
                    if (!this.panCanShow())
                        return;
                }
                this.options.panShow = bShow;
                this._reDrawAll();
            },
            setPanWidth:        function (w) {
                if (this.options.panWidth == w)
                    return;
                this.options.panWidth = w;
                if (this.chartWidth < 100 + this.options.panWidth || this.options.panWidth < MINPANWIDTH)
                    this.options.panShow = false;

                this._reDrawAll();
            },
            getPanWidth:        function () {
                return this.options.panWidth - PANMAG;
            },
            getOffset:          function () {
                return this.canvas.offset();
            },
            getGridWidth:       function () {
                return this.chartWidth - (this.options.panShow ? this.options.panWidth : 0) - 1;
            },
            getGridHeight:      function () {
                var h = this.chartHeight;
                if (this.toolBarCanShow())
                    h -= TOOLBARHEIGHT;
                if (this.listCanshow()) {
                    if (this.options.listExpand)
                        h -= this.options.listHeight;
                    else
                        h -= HSPLITHEIGHT;
                }
                if(this.slidCanShow())
                    h -= SLIDEHEIGHT;
                if (this.thumbsCanshow())
                    h -= SHOWTHUMBSHEIGHT;
                h--;
                return h;
            },

            getNextPenColor:    function () {
                var i = 0;
                if (this.trendPens) {
                    if (this.trendPens.length < penColors.length) {
                        i = this.trendPens.length;
                        return penColors[i];
                    }
                    else {
                        i = this.trendPens.length % penColors.length;
                        var c = TrendColor.parse(penColors[i]);
                        var sign = (this.trendPens.length % 2 == 1 ? -1 : 1);
                        var factor = 1 + sign * Math.ceil(this.trendPens.length / 2) * 0.2;
                        c.scale(factor, factor, factor);
                        return c.toString();
                    }
                }
                else
                    return penColors[i];
            },

            getButtonImage:     function () {
                if (this.options.buttonImage)
                    return this.options.buttonImage.get(0);
                else
                    return null;
            },

            _updateTimeDisplay: function()
            {
                if (!this.toolBar || this.calendarShowed === true || this.timerFocus === true)
                    return;

                this.toolBar.setValue("date_from",  this.FileTimeToDateString(this.getBegTime()) + " " + this.FileTimeToTimeString(this.getBegTime(), this.options.spanSec < 10));
                this.toolBar.setValue("date_to",    this.FileTimeToDateString(this.getEndTime()) + " " + this.FileTimeToTimeString(this.getEndTime(), this.options.spanSec < 10));
            },
            getTimeSpanString:  function()
            {
                var spanStr = "时间跨度：";
                var span = this.options.spanSec * PERSEC;
                if (this.options.spanSec > PERDAY) {
                    var d = Math.floor(span / PERDAY);
                    span -= d * PERDAY;
                    spanStr += d + "天";
                }
                if (this.options.spanSec * PERSEC > PERHOUR) {
                    var h = Math.floor(span / PERHOUR);
                    span -= h * PERHOUR;
                    spanStr += h + "时";
                }
                if (this.options.spanSec * PERSEC > PERMINUTE) {
                    var m = Math.floor(span / PERMINUTE);
                    span -= m * PERMINUTE;
                    spanStr += m + "分";
                }
                var s = Math.floor(span / PERSEC);
                span -= s * PERSEC;
                spanStr += s + "秒";
                if (this.options.spanSec <= 10) {
                    var ms = (span / PERMSEC).toFixed(2);
                    spanStr += ms + "毫秒";
                }
                return spanStr;
            },
            setBegTimeAndSpan:  function (begTime, span) {
                span = span || 1;
                if (this.options.spanSec == span && this.ftBeginTime == begTime)
                    return;

                this.ftTimeLabelBeg     = null;
                this.options.spanSec    = span;
                if (this.ftBeginTime == begTime)
                    this.ftBeginTime = 0;
                this.updateBeginTime(begTime);

                if(this.toolBar)
                    this.toolBar.setItemText("timeSpan", this.getTimeSpanString());
                this._updateTimeDisplay();
            },
            setTimeSpan:        function (span, fixEnd) {
                span = span || 1;
                if (this.options.spanSec == span)
                    return;

                var newBeginTime;
                if (fixEnd)
                    newBeginTime = this.getEndTime() - span * PERSEC;
                else
                    newBeginTime = this.getBegTime();

                this.ftTimeLabelBeg = null;
                this.options.spanSec = span;
                if (this.ftBeginTime == newBeginTime)
                    this.ftBeginTime = 0;
                this.updateBeginTime(newBeginTime);
                if (this.toolBar)
                    this.toolBar.setItemText("timeSpan", this.getTimeSpanString());
                this._updateTimeDisplay();
            },
            updateBeginTime:    function(ft)
            {
                this.setBeginTime(ft);

                if (this.dataLoadTimer) {
                    window.clearTimeout(this.dataLoadTimer);
                    this.dataLoadTimer = null;
                }
                var rtchart = this;
                this.dataLoadTimer = window.setTimeout(function () {
                    window.clearTimeout(rtchart.dataLoadTimer);
                    rtchart.dataLoadTimer = null;
                    if (rtchart.trendPens) {
                        for (i in rtchart.trendPens) {
                            var pen = rtchart.trendPens[i];
                            pen.refreshHisData(true);
                        }
                    }
                    rtchart = null;
                }, 500);
                this.updateDataArea();
                this._updatevIndicatorTooltip();
            },
            setBeginTime:       function (ft) {
                if (this.ftBeginTime == ft)
                    return;
                var old = this.ftBeginTime;
                this.ftBeginTime = ft;
                if (this.getHisRefreshing()) {
                    if (ft < old) {
                        this.autoRefresh = true;
                        this.setRtrefresh(false);
                    }
                }
                this._updateTimeDisplay();
            },

            setBegTime:         function(begTime, fixEnd) {
                var ft = this.DateToFileTime(begTime);
                if (fixEnd ) {
                    if(this.getEndTime() > ft)
                    {
                        var span = this.getEndTime() - ft;
                        span /= PERSEC;
                        this.setBegTimeAndSpan(ft, span);
                    }
                    else
                    {
                        var d = dialog({
                            content: '设置的起始时间不能大于截至时间'
                        });
                        d.show();
                        setTimeout(function () {
                            d.close().remove();
                            d = null;
                        }, 2000);
                    }
                }
                else {
                    this.ftTimeLabelBeg = null;
                    if (this.ftBeginTime == ft)
                        this.ftBeginTime = 0;
                    this.updateBeginTime(ft);
                }
            },
            setEndTime:         function(endTime, fixBeg)
            {
                var ft = this.DateToFileTime(endTime);
                if(fixBeg)
                {
                    if(ft > this.getBegTime())
                    {
                        var span = ft - this.getBegTime();
                        span /= PERSEC;
                        ft -= this.options.spanSec * PERSEC;
                        this.setBegTimeAndSpan(ft, span);
                    }
                    else
                    {
                        var d = dialog({
                            content: '设置的截至时间不能大于起始时间'
                        });
                        d.show();
                        setTimeout(function () {
                            d.close().remove();
                            d = null;
                        }, 2000);
                    }
                }
                else
                {
                    ft -= this.options.spanSec * PERSEC;

                    this.ftTimeLabelBeg = null;
                    if (this.ftBeginTime == ft)
                        this.ftBeginTime = 0;
                    this.updateBeginTime(ft);
                }
            },
            getBegTime:         function () {
                return this.ftBeginTime;
            },
            getEndTime:         function () {
                return this.ftBeginTime + (this.options.spanSec * PERSEC);
            },
            getTimeSlot:        function () {
                var slotTime = this.options.spanSec * PERSEC;
                slotTime /= this.getGridWidth();
                return slotTime;
            },
            getTimeSpan:        function () {
                return this.options.spanSec * PERSEC;
            },

            getDrawBegTime:     function()
            {
                var begTime = this.getBegTime();
                if (this.thumbsShow()) {
                    var beg = this.thumbBegDiv.position().left + 3;
                    if (beg > 0) {
                        var w = this.chartWidth - 1;
                        begTime += beg * this.options.spanSec * PERSEC / w;
                    }
                }
                return begTime;
            },
            getDrawEndTime:     function()
            {
                var endTime = this.getEndTime();
                if (this.thumbsShow()) {
                    var end = this.thumbEndDiv.position().left + 3;
                    var w   = this.chartWidth - 1;
                    if (end < w) {
                        endTime -= (w - end) * this.options.spanSec * PERSEC / w;
                    }
                }
                return endTime;
            },
            _setNewLastTime:    function (lastft) {
                if (lastft <= this.getEndTime())
                    return;

                var newTimeBegin = lastft - (this.options.spanSec * PERSEC);
                if (!this.newTimeBegin || this.newTimeBegin < newTimeBegin)
                    this.newTimeBegin = newTimeBegin;
            },
            _onNewHisData:      function () {
                if (!this.prepareTimer) {
                    var me = this;
                    this.prepareTimer = window.setTimeout(function () {
                        window.clearTimeout(me.prepareTimer);
                        me.prepareTimer = null;
                        me._prepareHisData();
                        me = null;
                    }, 10);
                }
            },
            _prepareHisData:    function () {
                if (!this.trendPens || !this.trendPens.length)
                    return;

                var begTime, endTime;
                var baseChanged = false;

                var newTimeBeg = this.newTimeBegin;
                if (newTimeBeg > this.getBegTime()) {
                    baseChanged = true;
                    begTime = this.newTimeBegin;
                    endTime = begTime + (this.options.spanSec * PERSEC);
                    this.newTimeBegin = null;
                }

                if (!baseChanged) {
                    begTime = this.getBegTime();
                    endTime = this.getEndTime();
                }
                for (k in this.trendPens) {
                    var pen = this.trendPens[k];
                    pen.prepareHisData(begTime, endTime);
                }
                if (baseChanged) {
                    this.setBeginTime(begTime);
                    if (!this.getHisRefreshing())
                        this.setRtrefresh(true);
                    this._drawTimeLabel();
                }
                else if (!this.getHisRefreshing()) {
                    if(newTimeBeg >= this.getBegTime() - (this.options.spanSec * PERSEC) * 20/this.getGridWidth())
                        this.setRtrefresh(true);
                }
                this.updateDataArea();
            },
            _getPanTotalHeight: function () {
                if (!this.trendPens || !this.trendPens.length)
                    return 0;
                var t = 0;
                for (var i = 0; i < this.trendPens.length; i++) {
                    var pen = this.trendPens[i];
                    t += pen.getPanHeight();
                }
                return t;
            },
            _findDragThing:     function (e) {
                this.dargWho = null;

                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var o = this.getOffset();
                var dragEvent = e;
                if (e.originalEvent &&
                    e.originalEvent.changedTouches &&
                    e.originalEvent.changedTouches[0])
                    dragEvent = e.originalEvent.changedTouches[0];

                var x = dragEvent.pageX - o.left;
                var y = dragEvent.pageY - o.top;

                if (this.options.panShow && !this.options.showAxis && x > gw + PANMAG && y < gh)//@pan
                {
                    var t = PANHEAD;
                    x -= (gw + PANMAG);
                    if (y < t) {
                    }
                    else if (this.trendPens) {
                        y -= t;
                        y += this.yScroll;
                        t = 0;
                        var dargPen = null;
                        for (var i = 0; i < this.trendPens.length; i++) {
                            var pen = this.trendPens[i];
                            if (y >= t && y <= t + pen.getPanHeight() &&
                                pen == this.activePen) {
                                dargPen = pen;
                                break;
                            }
                            else
                                t += pen.getPanHeight();
                        }
                        if (dargPen) {
                            this.dargWho = "penPan";
                            this.origVal = this.getPenIndex(dargPen);
                        }
                        else if (t > gh - PANHEAD) {
                            this.dargWho = "pan";
                            this.origVal = this.yScroll;
                        }
                    }
                }
                else if (x > 0 ) {
                    var activeDrag = false;
                    if (y >= 0 && y <= gh) {
                        if (this.trendPens) {
                            var ft = this._getXTime(x);
                            for (var i in this.trendPens) {
                                var pen = this.trendPens[i];
                                if (pen == this.activePen && pen.hasDataAtTime(ft, y)) {
                                    activeDrag = true;
                                    break;
                                }
                            }
                        }
                        if (this.zooming === true)
                        {
                            this.dargWho = "dataArea";
                            this.origVal = this.getBegTime();
                        }
                        else if (activeDrag) {

                            this.origSecVal = dragEvent.pageY;
                            this.dargWho    = "activePen";
                            this.origVal    = this.getBegTime();
                        }
                        else {
                            this.dargWho = "dataArea";
                            this.origVal = this.getBegTime();
                        }
                    }
                    else if (y > gh && y < gh + TIMELABELHEIGHT) {
                        this.dargWho = "timeLabel";
                        this.origVal = this.getBegTime();
                    }
                    else if (y > gh + TIMELABELHEIGHT && this.thumbsCanshow(x)) {
                        if (this._tumbsCanDrag(x)) {
                            this.dargWho = "tumbsDrag";
                        }
                    }
                }
            },
            _getPanPenAtMouse:  function (e) {
                if (this.options.panShow) {
                    if (this.trendPens) {
                        var gw = this.getGridWidth();
                        var gh = this.getGridHeight();
                        var o = this.getOffset();
                        var dragEvent = e;
                        if (e.originalEvent &&
                            e.originalEvent.changedTouches &&
                            e.originalEvent.changedTouches[0])
                            dragEvent = e.originalEvent.changedTouches[0];

                        var x = dragEvent.pageX - o.left;
                        var y = dragEvent.pageY - o.top;

                        if (this.options.panShow && x > gw + PANMAG && y < gh)//@pan
                        {
                            var t = PANHEAD;
                            x -= (gw + PANMAG);
                            if (y < t) {
                            }
                            else {
                                y -= t;
                                y += this.yScroll;
                                t = 0;
                                for (var i = 0; i < this.trendPens.length; i++) {
                                    var pen = this.trendPens[i];
                                    if (y >= t && y <= t + pen.getPanHeight())
                                        return pen;
                                    else
                                        t += pen.getPanHeight();
                                }
                            }
                        }
                    }
                }
                return null;
            },
            _getXTime:          function (x) {
                return this.getDrawBegTime() + (this.getDrawEndTime() - this.getDrawBegTime()) * x / this.getGridWidth();
            },
            _onMouseWheel:      function (e) {
                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var o = this.getOffset();
                var x = e.pageX - o.left;
                var y = e.pageY - o.top;

                if (this.options.panShow && x > gw + PANMAG && y < gh)//@pan
                {
                    if (gh < PANHEAD + this._getPanTotalHeight()) {
                        this.yScroll += ((e.deltaY * 10) * -1);
                        this.UpdateDataPan(true);
                    }
                }
                else if (x > 0 && x < gw) {
                    if (y >= 0 && y <= gh) {
                        if (this.trendPens) {
                            var ft = this._getXTime(x);
                            for (var i in this.trendPens) {
                                var pen = this.trendPens[i];
                                if (pen == this.activePen) {
                                    pen.expendY(e.deltaY * -2);
                                    break;
                                }
                            }
                        }
                    }
                }
            },
            _onMouseDown:       function (e) {
                if (this._isTouch())
                    return;
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }

                var rtchart = this
                this._findDragThing(e);
                if (this.dargWho) {
                    this.dragStartEvent = e;
                    this.positionDiv.draggable("option", "disabled", false);
                    this.positionDiv.bind("drag", function (event, ui) {
                        rtchart._dragMove(event);
                    });
                    this.positionDiv.bind("dragstop", function (event, ui) {
                        rtchart._unDarg();
                        rtchart = null;
                    });

                    this.positionDiv.offset({ left: e.pageX - 2, top: e.pageY - 2 });
                    this.positionDiv.trigger(e);
                    if (this.dargWho == 'dataArea' && this.zooming)
                        this.positionDiv.addClass('zoomcur');
                    this.dragTimer = window.setTimeout(function () {
                        var dargWho = rtchart.dargWho;
                        window.clearTimeout(rtchart.dragTimer);
                        rtchart.dragTimer = null;
                        rtchart._unDarg();

                        if (dargWho == "tumbsDrag")
                            rtchart._ondbClick(e);
                        else
                            rtchart._onClick(e);

                        rtchart = null;
                    }, 200);
                }
            },
            _dragMove:          function (e) {
                if (this.dragTimer) {
                    window.clearTimeout(this.dragTimer);
                    this.dragTimer = null;
                }
                if (this.dragStartEvent && this.dargWho) {
                    var gw = this.getGridWidth();
                    var gh = this.getGridHeight();
                    var startEvent = this.dragStartEvent;
                    var detX = e.clientX - startEvent.clientX;
                    var detY = e.clientY - startEvent.clientY;
                    switch (this.dargWho) {
                        case 'pan':
                            this.yScroll = this.origVal - detY;
                            this.UpdateDataPan(true);
                            break;
                        case 'penPan':
                            var pen = this._getPanPenAtMouse(e);
                            if (pen) {
                                var newPos = this.getPenIndex(pen)
                                if (newPos != this.origVal && newPos != this.newPenPos) {
                                    this.newPenPos = newPos;
                                    this.UpdateDataPan(true);
                                }
                                else if (this.trendPens && this.getGridHeight() < PANHEAD + this._getPanTotalHeight()) {
                                    var gh = this.getGridHeight();
                                    var o = this.getOffset();
                                    var y = e.pageY - o.top;

                                    if (y < 20) {
                                        if (this.yScroll > 0) {
                                            this.yScroll -= pen.getPanHeight();
                                            this.UpdateDataPan(true);
                                        }
                                    }
                                    else if (y > gh - 10) {
                                        this.yScroll += pen.getPanHeight();
                                        this.UpdateDataPan(true);
                                    }
                                }
                            }
                            break;
                        case 'timeLabel':
                            this.setBeginTime(this.origVal - detX * (this.getDrawEndTime() - this.getDrawBegTime()) / gw);
                            this.updateDataArea();
                            break;
                        case 'activePen':
                            if (this.activePen && this.origSecVal) {
                                var dY = e.pageY - this.origSecVal;
                                if (Math.abs(detY) > 5) {
                                    this.activePen.moveY(dY);
                                    this.origSecVal = e.pageY;
                                }
                            }
                            if (Math.abs(detX) > 30) {
                                this.acvtimePenTimeOffset = true;
                                this.setBeginTime(this.origVal - detX * (this.getDrawEndTime() - this.getDrawBegTime()) / gw);

                                this.updateDataArea();
                            }
                            break;
                        case 'dataArea':
                            if (this.zooming) {
                                var o = this.canvas.offset();
                                var x = startEvent.pageX - o.left;
                                var y = startEvent.pageY - o.top;
                                var gw = this.getGridWidth();
                                var gh = this.getGridHeight();
                                if (x > 0 && x < gw &&
                                    y > 0 && y < gh) {
                                    this.zoomRect = { x: x, y: y, w: detX, h: detY };
                                    var x = this.zoomRect.x;
                                    if (this.zoomRect.w < 0)
                                        x += this.zoomRect.w;
                                    this.zoomRect.begTime = this._getXTime(x);
                                    this.updateDataArea();
                                }
                            }
                            else {
                                this.setBeginTime(this.origVal - detX * (this.getDrawEndTime() - this.getDrawBegTime()) / gw);

                                this.updateDataArea();
                            }
                            break;
                        case 'tumbsDrag':
                            if (detX > 0) {
                                var end = this.thumbEndDiv.position().left + 3;
                                if (end < this.chartWidth - 3) {
                                    var l = parseInt(this.thumbEndDiv.css('left')) + detX;
                                    if (l > this.chartWidth - 3)
                                        l = this.chartWidth - 3;
                                    this.thumbEndDiv.css('left', l);
                                    l = parseInt(this.thumbBegDiv.css('left')) + detX;
                                    this.thumbBegDiv.css('left', l );
                                    this._onThumbsChanged();
                                }
                            }
                            else if (detX < 0) {
                                var beg = this.thumbBegDiv.position().left + 3;
                                if (beg > 0) {
                                    var l = parseInt(this.thumbBegDiv.css('left')) + detX;
                                    if (l < -3)
                                        l = -3;
                                    this.thumbBegDiv.css('left', l);
                                    l = parseInt(this.thumbEndDiv.css('left')) + detX;
                                    this.thumbEndDiv.css('left', l);
                                    this._onThumbsChanged();
                                }
                            }
                            this.dragStartEvent = e;
                            break;
                    }
                }
                else
                    this._unDarg();
            },
            _unDarg:            function () {
                if (this.dragTimer) {
                    window.clearTimeout(this.dragTimer);
                    this.dragTimer = null;
                }

                switch (this.dargWho) {
                    case 'penPan':
                        if (this.newPenPos != null) {
                            var pen = this.trendPens[this.newPenPos];
                            this.trendPens[this.newPenPos] = this.getPenByIndex(this.origVal);
                            this.trendPens[this.origVal] = pen;
                            this.newPenPos = null;
                            this.UpdateDataPan(true);

                            this._synList();
                        }
                        break;
                    case 'timeLabel':
                        if (this.trendPens) {
                            for (i in this.trendPens) {
                                var pen = this.trendPens[i];
                                pen.refreshHisData();
                            }
                        }
                        break;
                    case 'dataArea':
                        if (this.zooming) {
                            this._toggleZoom();
                            this.positionDiv.removeClass('zoomcur');
                            if (this.zoomRect) {
                                if (this.zoomRect.w < 0) {
                                    this.zoomRect.x += this.zoomRect.w;
                                    this.zoomRect.w *= -1;
                                }
                                if (this.zoomRect.h < 0) {
                                    this.zoomRect.y += this.zoomRect.h;
                                    this.zoomRect.h *= -1;
                                }
                                if (this.zoomStack == null)
                                    this.zoomStack = [];
                                var zoomItem = {};
                                zoomItem.begTime = this.getBegTime();
                                zoomItem.spanTime = this.options.spanSec;
                                this.zoomStack.push(zoomItem);
                                this._updateReZoom();

                                var begTime = this.zoomRect.begTime;
                                var span    = (this.getDrawEndTime() - this.getDrawBegTime()) * this.zoomRect.w / this.getGridWidth();
                                if (span < 1)
                                    span = 1;
                                var endTime = begTime + span ;


                                if (this.trendPens) {
                                    for (i in this.trendPens) {
                                        var pen = this.trendPens[i];
                                        if (pen.hasDataBetweenTime(begTime, endTime)) {
                                            if (zoomItem.pens == null)
                                                zoomItem.pens = [];
                                            zoomItem.pens.pushpen
                                        }
                                    }
                                }
                                this.zoomRect = null;
                                this._resetTumbs();
                                this.setBegTimeAndSpan(begTime, span/PERSEC);
                            }
                        }
                        else if (this.trendPens) {
                            for (i in this.trendPens) {
                                var pen = this.trendPens[i];
                                pen.refreshHisData();
                            }
                        }
                        break;
                    case 'activePen':
                        if (this.acvtimePenTimeOffset && this.trendPens) {
                            for (i in this.trendPens) {
                                var pen = this.trendPens[i];
                                pen.refreshHisData();
                            }
                        }
                        break;
                }
                this.origSecVal = null;
                this.dargWho    = null;
                this.origVal    = null;
                this.dragStartEvent = null;
                this.positionDiv.draggable("option", "disabled", true);
                this.positionDiv.unbind("drag");
                this.positionDiv.unbind("dragstop");
                this.positionDiv.offset({ left: this.canvas.offset().left, top: this.canvas.offset().top });
            },

            _onTouchStart:  function (e) {
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }

                this._findDragThing(e);

                if (this.dargWho) {
                    this.dragStartEvent = e;
                    var rtchart = this;

                    this.canvas.bind('touchmove', function (e) {
                        rtchart._onTouchMove(e);
                    });
                    this.canvas.bind('touchend', function (e) {
                        rtchart._onTouchEnd(e);
                        rtchart = null;
                    });
                    this.dragTimer = window.setTimeout(function () {
                        window.clearTimeout(rtchart.dragTimer);
                        rtchart.dragTimer = null;
                        if (rtchart.tooltipTimer) {
                            window.clearTimeout(rtchart.tooltipTimer);
                            rtchart.tooltipTimer = null;
                        }
                        rtchart._onTouchEnd();
                        rtchart = null;
                    }, 800);
                }
            },
            _onTouchMove:   function (e) {
                if (this.dragTimer) {
                    window.clearTimeout(this.dragTimer);
                    this.dragTimer = null;
                }

                if (this.dragStartEvent && this.dargWho) {
                    var startEvent = this.dragStartEvent.originalEvent.changedTouches[0];
                    var currEvent = e.originalEvent.changedTouches[0];
                    var detX = currEvent.clientX - startEvent.clientX;
                    var detY = currEvent.clientY - startEvent.clientY;

                    switch (this.dargWho) {
                        case 'pan':
                            this.yScroll = this.origVal - detY;
                            this.UpdateDataPan(true);
                            break;
                        case 'penPan':
                            var pen = this._getPanPenAtMouse(e);
                            if (pen) {
                                var newPos = this.getPenIndex(pen)
                                if (newPos != this.origVal && newPos != this.newPenPos) {
                                    this.newPenPos = newPos;
                                    this.UpdateDataPan(true);
                                }
                                else if (this.trendPens && this.getGridHeight() < PANHEAD + this._getPanTotalHeight()) {
                                    var gh = this.getGridHeight();
                                    var o = this.getOffset();
                                    var y = currEvent.pageY - o.top;

                                    if (y < 20) {
                                        if (this.yScroll > 0) {
                                            this.yScroll -= pen.getPanHeight();
                                            this.UpdateDataPan(true);
                                        }
                                    }
                                    else if (y > gh - 10) {
                                        this.yScroll += pen.getPanHeight();
                                        this.UpdateDataPan(true);
                                    }
                                }
                            }
                            break;
                        default:
                            this._onTouchEnd();
                            return;
                    }
                }
                else
                    this._onTouchEnd();
            },
            _onTouchEnd:    function (e) {
                if (this.dragTimer) {
                    window.clearTimeout(this.dragTimer);
                    this.dragTimer = null;
                }
                if (this.newPenPos != null) {
                    var pen = this.trendPens[this.newPenPos];
                    this.trendPens[this.newPenPos] = this.getPenByIndex(this.origVal);
                    this.trendPens[this.origVal] = pen;
                    this.newPenPos = null;
                    this.UpdateDataPan(true);
                }
                this.canvas.unbind('touchmove');
                this.canvas.unbind('touchend');
                this.dargWho = null;
                this.origVal = null;
                this.dragStartEvent = null;
            },

            _onKeyDown:     function (e){
                switch(e.which)
                {
                    case 39://right
                        if (this.artTooltip && this.tootipAt == "VI" && this.artTooltip.__popup) {

                            if (this.thumbsShow()) {
                                var x = this.vIndicator.position().left + 5;
                                var endTime = this._getXTime(x + 2);
                                var limit = this.getDrawEndTime();

                                if (endTime >= limit) {
                                    var l = parseInt(this.thumbEndDiv.css('left'));
                                    var s = l + 10;
                                    if (s > this.chartWidth - 3)
                                        s = this.chartWidth - 3;
                                    if (s > l) {
                                        this.thumbEndDiv.css('left', s);

                                        s = parseInt(this.thumbBegDiv.css('left')) + s - l;
                                        if (s > this.chartWidth - 13)
                                            s = this.chartWidth - 13;
                                        this.thumbBegDiv.css('left', s);
                                        this._onThumbsChanged();
                                    }
                                }
                            }

                            var gw = this.getGridWidth();
                            var off = this.vIndicator.offset();
                            if (off.left + 1 <= this.canvas.offset().left + gw - 5) {
                                this.vIndicator.offset({ left: off.left + 1, top: off.top });
                                this.artTooltip.reset();
                                this._updatevIndicatorTooltip();
                            }
                        }
                        else {
                            var gw      = this.getGridWidth();
                            var begTime = this.getDrawBegTime();
                            var endTime = this.getDrawEndTime();
                            var det = (endTime - begTime) / gw;
                            this.updateBeginTime(this.getBegTime() - det);
                        }
                        break;
                    case 37://left
                        if (this.artTooltip && this.tootipAt == "VI" && this.artTooltip.__popup) {
                            if (this.thumbsShow()) {
                                var x = this.vIndicator.position().left + 5;
                                var begTime = this._getXTime(x - 2);
                                var limit = this.getDrawBegTime();
                                if (begTime <= limit) {
                                    var l = parseInt(this.thumbBegDiv.css('left'));
                                    var s = l - 10;
                                    if (s < -3)
                                        s = -3;
                                    if (s < l) {
                                        this.thumbBegDiv.css('left', s);

                                        s = parseInt(this.thumbEndDiv.css('left')) - (l - s);
                                        if (s < 13)
                                            s = 13;
                                        this.thumbEndDiv.css('left', s);
                                        this._onThumbsChanged();
                                    }
                                }
                            }
                            var gw = this.getGridWidth();
                            var off = this.vIndicator.offset();
                            if (off.left - 1 >= this.canvas.offset().left - 5) {
                                this.vIndicator.offset({ left: off.left - 1, top: off.top });
                                this.artTooltip.reset();
                                this._updatevIndicatorTooltip();
                            }
                        }
                        else {
                            var gw = this.getGridWidth();
                            var begTime = this.getDrawBegTime();
                            var endTime = this.getDrawEndTime();
                            var det = (endTime - begTime) / gw;
                            this.updateBeginTime(this.getBegTime() + det);
                        }
                        break;
                    case 38://up
                        if (this.artTooltip && this.tootipAt == "HI" && this.artTooltip.__popup) {
                            var gh = this.getGridHeight();
                            var off = this.hIndicator.offset();
                            if (off.top - 1 >= this.canvas.offset().top - 5) {
                                this.hIndicator.offset({ left: off.left, top: off.top - 1});
                                this.artTooltip.content(this._gethIndicatorTooltipContent());
                                this.artTooltip.reset();
                            }
                        }
                        else if (this.activePen)
                            this.activePen.moveY(-1);
                        break;
                    case 40://down
                        if (this.artTooltip && this.tootipAt == "HI" && this.artTooltip.__popup) {
                            var gh = this.getGridHeight();
                            var off = this.hIndicator.offset();
                            if (off.top + 1 <= this.canvas.offset().top + gh - 5) {
                                this.hIndicator.offset({ left: off.left, top: off.top + 1 });
                                this.artTooltip.content(this._gethIndicatorTooltipContent());
                                this.artTooltip.reset();
                            }
                        }
                        else if (this.activePen)
                            this.activePen.moveY(1);
                        break;
                }
            },
            _ondbClick:     function (e) {
                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var o = this.getOffset();
                var x = e.pageX - o.left;
                var y = e.pageY - o.top;
                if(y > gh + TIMELABELHEIGHT && this.thumbsCanshow())
                {
                    this._resetTumbs();
                    this.updateDataArea();
                }

            },
            _onClick:       function (e) {
                this.canvas.attr("title", null);
                this.canvas.css("cursor", "default");
                if (this.btipShow === true  &&
                    this.tipShowPen         &&
                    this.tipShowPen.getpreventTooltipUpdate() === true) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                    return;
                }
                if (!this.trendPens || !this.trendPens.length)
                    return;
                if (this.zooming)
                    this._toggleZoom(e);

                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var o = this.getOffset();
                var x = e.pageX - o.left;
                var y = e.pageY - o.top;
                var clientx = x;
                var clienty = y

                if (this.options.panShow && x > gw + PANMAG && y < gh)//@pan
                {
                    if (!this.options.showAxis) {
                        var t = PANHEAD;
                        x -= (gw + PANMAG);
                        if (y < t) {
                        }
                        else {
                            y -= t;
                            y += this.yScroll;
                            t = 0;

                            for (var i = 0; i < this.trendPens.length; i++) {
                                var pen = this.trendPens[i];
                                if (y >= t && y <= t + pen.getPanHeight()) {
                                    if (pen.onClick(x, y - t, e) === true) {
                                    }
                                    break;
                                }
                                else
                                    t += pen.getPanHeight();
                            }
                        }
                    }
                    else {
                        for (var i = 0; i < this.trendPens.length; i++) {
                            var pen = this.trendPens[i];
                            var beg = pen.axisBeg;
                            var end = pen.axisEnd;
                            if (clientx >= beg && clientx <= end) {
                                if (this.btipShow) {
                                    if (this.artTooltip)
                                        this.artTooltip.close().remove();
                                }
                                pen.onSetCommAxis(e);
                                break;
                            }
                        }
                    }
                }
                else if (y >= 0 && y < gh) {
                    if (this.trendPens) {
                        var ft          = this._getXTime(x);
                        var oldActive   = this.activePen;
                        var bFind       = false;
                        var first       = null;
                        for (var i in this.trendPens) {
                            pen = this.trendPens[i];
                            if (pen == oldActive) {
                                bFind = true;
                                this.requestActive(null);
                            }
                            else if (pen.hasDataAtTime(ft, y))
                            {
                                if (bFind || oldActive == null) {
                                    pen.activePen();
                                    return;
                                }
                                else if (first == null)
                                    first = pen;
                            }
                        }
                        if(first)
                            first.activePen();
                    }
                }
                else if (y > gh && y < gh + TIMELABELHEIGHT) {
                    if (x < 70)
                        this._onSetBegTime(e);
                    else if (x > gw - 80 && x < gw)
                        this._onSetEndTime(e);
                }
            },
            _onMouseMove:   function (e) {
                if (this.colorPicker && this.colorPicker.is(":visible"))
                    return;
                if (this.btipShow === true &&
                    this.tipShowPen &&
                    this.tipShowPen.getpreventTooltipUpdate() === true)
                    return;
                if (!this.trendPens || !this.trendPens.length)
                    return;
                if (this.tooltipTimer) {
                    window.clearTimeout(this.tooltipTimer);
                    this.tooltipTimer = null;
                }
                var oldShow = this.btipShow;
                var bClearCursor = true;
                var bClearNativeTooltip = true;
                this.btipShow = false;

                var gw = this.getGridWidth();
                var gh = this.getGridHeight();
                var o = this.getOffset();
                var x = e.pageX - o.left;
                var y = e.pageY - o.top;
                var clientx = x;
                var clienty = y

                if (clientx > 0 && clientx < this.chartWidth &&
                    clienty > 0 && clienty < this.chartHeight) {
                    if (this.options.panShow && x > gw + PANMAG && y < gh)//@pan
                    {
                        if (this.zooming)
                            this.canvas.removeClass('zoomcur');
                        if (!this.options.showAxis) {
                            var t = PANHEAD;
                            x -= (gw + PANMAG);
                            if (y < t) {
                            }
                            else {
                                y -= t;
                                y += this.yScroll;
                                t = 0;
                                for (var i = 0; i < this.trendPens.length; i++) {
                                    var pen = this.trendPens[i];
                                    if (y >= t && y <= t + pen.getPanHeight()) {
                                        if (pen.onMouseMove(x, y - t, e, clientx, clienty, gh) === true)
                                            bClearCursor = false;
                                        break;
                                    }
                                    else
                                        t += pen.getPanHeight();
                                }
                            }
                        }
                        else {

                            for (var i = 0; i < this.trendPens.length; i++) {
                                var pen = this.trendPens[i];
                                var beg = pen.axisBeg;
                                var end = pen.axisEnd;
                                if (clientx >= beg && clientx <= end) {
                                    bClearCursor = false;
                                    bClearNativeTooltip = false;
                                    this.canvas.css("cursor", "pointer");
                                    this.canvas.attr("title", "点击进行 " + pen.getLabel() +" 的共轴设置");
                                    break;
                                }
                            }
                        }

                    }
                    else if (y >= 0 && y < gh) {
                        if (this.zooming)
                            this.canvas.addClass('zoomcur');
                    }
                    else if (y > gh && y < gh + TIMELABELHEIGHT) {
                        if (this.zooming)
                            this.canvas.removeClass('zoomcur');
                        if (x < 70) {
                            bClearCursor = false;
                            bClearNativeTooltip = false;
                            this.canvas.css("cursor", "pointer");
                            this.canvas.attr("title", "点击设置查询起始时间");
                        }
                        else if (x > gw - 80 && x < gw) {
                            bClearCursor = false;
                            bClearNativeTooltip = false;
                            this.canvas.css("cursor", "pointer");
                            this.canvas.attr("title", "点击设置查询截至时间");
                        }
                    }
                    else if (y > gh + TIMELABELHEIGHT && this.thumbsCanshow())
                    {
                        if (this._tumbsCanDrag(x) )  {
                            bClearCursor = false;
                            this.canvas.css("cursor", "e-resize");
                        }
                    }
                }
                if (bClearNativeTooltip)
                    this.canvas.attr("title", null);
                if (bClearCursor && !this.zooming)
                    this.canvas.css("cursor", "default");
                if (oldShow && !this.btipShow) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                }
                if (!this.btipShow && this.tipShowPen) {
                    this.tipShowPen.onTooltipHided();
                    this.tipShowPen = null;
                }
            },

            _linkData:          function (pen) {
                if (!this.webLinks)
                    this.webLinks = [];
                var url = pen.getWebURL().toLowerCase();
                var webLink = this.webLinks[url];
                if (webLink == null) {
                    webLink = new WebLink(url);
                    this.webLinks[url] = webLink;
                }
                webLink.addPen(pen);
            },
            _buildColorPicker:  function () {
                if (this.colorPicker)
                    return;
                this.colorPicker = $(document.createElement('div'));
                this.colorPicker.css("position", "absolute")
                    .addClass("dropdown-menu")
                    .addClass("colorpicker-title");

                this.element.append(this.colorPicker);
                this.colorPicker.append(document.createElement('div'));
                $('div:first', this.colorPicker)
                    .attr("data-color", "rgb(255, 255, 255)")
                    .addClass("colorpicker-ind")
                    .colorpicker(
                        {
                            align: 'left'
                        });
                this.colorPicker.draggable({
                    drag: function (event, ui) {
                        $('.colorpicker-ind', this).colorpicker('reposition');
                    }
                });
                var label = $(document.createElement('span'));
                this.colorPicker.append(label);
                label.addClass("colorpicker-label");

                var prev = $(document.createElement('div'));
                prev.html('<div class="colorpicker-prevbk"></div>')
                this.colorPicker.append(prev);
                prev
                    .addClass("colorpicker-prev")
                    .attr('title', '点击恢复到上次设置');

                var resume = $(document.createElement('div'));
                resume.html('<div class="colorpicker-resumebk"></div>')
                this.colorPicker.append(resume);
                resume
                    .addClass("colorpicker-resume")
                    .attr('title', '点击恢复初始设置');
            },
            AddPen:             function (options) {
                if (!this.trendPens)
                    this.trendPens = [];

                var pen = new TrendPen(this, options);
                this.trendPens.push(pen);
                this._bindPenList(pen);

                this._linkData(pen);
                this._drawPan(false);
            },
            removePen:          function (pen) {
                if (this.tipShowPen == pen) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                }
                if (this.activePen) {
                    this.activePen.setActive(false);
                    this.activePen = null;
                    if (this.toolBar)
                        this.toolBar.disableItem("deletePoint");
                }
                var bFind = false;
                if (this.trendPens) {
                    var len = this.trendPens.length;
                    for (var i = 0; i < len; i++) {
                        if (this.trendPens[i] == pen) {
                            bFind = true;
                            this.trendPens.splice(i, 1);
                            break;
                        }
                    }
                }
                if (pen.rowId != null && this.listGrid) {
                    this.listGrid.deleteRow(pen.rowId);
                }
                pen.destroy();
                if (bFind) {
                    this.UpdatePan(true);
                    this.updateDataArea();
                }
            },
            getPenIndex:        function (pen) {
                if (this.trendPens) {
                    for (var i = 0; i < this.trendPens.length; i++) {
                        if (this.trendPens[i] == pen)
                            return i;
                    }
                }
                return -1;
            },
            getPenByIndex:      function (i) {
                if (!this.trendPens)
                    return null;
                else
                    return this.trendPens[i];
            },

            requestLogin:       function (from, notCloseAutoLogClose) {
                if (this.artTooltip)
                    this.artTooltip.close().remove();
                if (this.loginning === true)
                    return;

                this.loginning  = true;
                var rtChart     = this;
            },
            getActivePen:       function () {
                return this.activePen;
            },
            ensurePenPanVisble: function (pen) {
                if (this.options.panShow && !this.options.showAxis) {
                    var t = 0;
                    var gh = this.getGridHeight();
                    for (var i = 0; i < this.trendPens.length; i++) {
                        var findPen = this.trendPens[i];
                        if (findPen == pen) {
                            if (t < this.yScroll) {
                                this.yScroll = t;
                                this.UpdateDataPan(true);
                            }
                            else if (t - this.yScroll + pen.getPanHeight() + PANHEAD > gh) {
                                this.yScroll = t + pen.getPanHeight() + PANHEAD - gh;
                                this.UpdateDataPan(true);
                            }
                            break;
                        }
                        else
                            t += pen.getPanHeight();
                    }
                }
            },
            requestActive:      function (pen) {
                if (this.activePen == pen)
                    return;
                if (this.activePen)
                    this.activePen.setActive(false);
                this.activePen = pen;
                if (this.activePen) {
                    this.activePen.setActive(true);
                    this.ensurePenPanVisble(this.activePen);

                    if (this.activePen.rowId && this.listGrid && this.activePen.rowId != this.listGrid.getSelectedRowId())
                        this.listGrid.selectRow(this.listGrid.getRowIndex(this.activePen.rowId), false, false, true);
                    if (this.toolBar)
                        this.toolBar.enableItem("deletePoint");
                }
                else
                {
                    if (this.toolBar)
                        this.toolBar.disableItem("deletePoint");
                    if (this.listGrid && this.listGrid.getSelectedRowId() != null)
                        this.listGrid.clearSelection();
                }
                this._drawDataArea();
            },
            setPenColor:        function (pen, e) {
                if (this.btipShow) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                }
                if (!this.colorPicker)
                    this._buildColorPicker();
                var colorpicker = this.colorPicker;
                if (colorpicker.prevColor != null) {
                    $('.colorpicker-prev', colorpicker).show();
                    $('.colorpicker-prevbk', colorpicker).css('background-color', colorpicker.prevColor);
                    $('.colorpicker-prev', colorpicker).bind("click", function () {
                        if (colorpicker) {
                            $('.colorpicker-ind', colorpicker).colorpicker('setValue', colorpicker.prevColor);
                        }
                    });
                }
                else
                    $('.colorpicker-prev', colorpicker).hide();

                colorpicker.resumeColor = pen.getPenColor();
                $('.colorpicker-resume', colorpicker).bind("click", function () {
                    if (colorpicker) {
                        $('.colorpicker-ind', colorpicker).colorpicker('setValue', colorpicker.resumeColor);
                    }
                });
                var o = this.getOffset();
                var x = e.pageX - o.left;
                var y = e.pageY - o.top;
                var at;
                if (x < this.chartWidth / 2)
                    at = "left+15";
                else
                    at = "right-10";
                if (y < this.chartHeight / 2)
                    at += " top+15";
                else
                    at += " bottom-140";

                $('.colorpicker-label', colorpicker).text("设置趋势笔颜色:" + pen.getLabel());
                colorpicker.show()
                    .position({
                        my: at,
                        of: e,
                        collision: "fit"
                    });
                $('.colorpicker-resumebk', colorpicker).css('background-color', pen.getPenColor());
                $('.colorpicker-ind', colorpicker)
                    .colorpicker('setValue', pen.getPenColor())
                    .colorpicker('show')
                    .off()
                    .on('changeColor.colorpicker', function (event) {
                        if (pen)
                            pen.setPenColor(event.color.toString());
                    })
                    .on('hidePicker.colorpicker', function (event) {
                        if (colorpicker) {
                            colorpicker.prevColor = $(this).data('colorpicker').color.toString();
                            colorpicker.hide();
                            $('.colorpicker-ind', colorpicker).off();
                            $('.colorpicker-resume', colorpicker).unbind();
                            $('.colorpicker-prev', colorpicker).unbind();
                            colorpicker = null;
                        }
                        if (pen)
                            pen = null;
                    });
            },
            setColors:          function (who, clr) {
                switch (who) {
                    case 'bkColor':
                        this.options.bkColor = clr;
                        this.canvas.css('background-color', clr);
                        break;
                    case 'gridColor':
                        if (this.options.gridColor != clr) {
                            this.options.gridColor = clr;
                            this.updateDataArea();
                            this.UpdateAxisPan(true);
                        }
                        break;
                    case 'indColor':
                        if (this.options.indicatorColor != clr) {
                            var img = this.options.buttonImage;
                            if (img) {
                                img = img.get(0);
                                if (img.complete !== true)
                                    img = null;
                            }
                            var gw = this.getGridWidth();
                            var gh = this.getGridHeight();
                            var hw;
                            if (this.options.showAxis)
                                hw = this.chartWidth;
                            else
                                hw = gw + 12;
                            this.options.indicatorColor = clr;
                            var node = this.hIndicator.get(0);
                            var hctx = node.getContext('2d');
                            hctx.clearRect(0, 0, node.width, node.height);
                            hctx.save();
                            hctx.translate(0.5, 0.5);
                            hctx.lineWidth = 3.0;
                            hctx.strokeStyle = this.options.indicatorColor;
                            hctx.beginPath();
                            hctx.moveTo(1, 5);
                            hctx.lineTo(hw, 5);
                            hctx.stroke();
                            hctx.restore();
                            if (img)
                                hctx.drawImage(img, 11, 0, 11, 11, gw - 3, 0, 11, 11);

                            node = this.vIndicator.get(0);
                            var vctx = node.getContext('2d');
                            vctx.clearRect(0, 0, node.width, node.height);
                            vctx.save();
                            vctx.translate(0.5, 0.5);
                            vctx.lineWidth = 3.0;
                            vctx.strokeStyle = this.options.indicatorColor;
                            vctx.beginPath();
                            vctx.moveTo(5, 1);
                            vctx.lineTo(5, gh + 10);
                            vctx.stroke();
                            vctx.restore();
                            if (img)
                                vctx.drawImage(img, 0, 0, 11, 11, 0, gh - 3, 11, 11);
                        }
                        break;
                    case 'bordrColor':
                        if (this.options.borderColor != clr) {
                            this.options.borderColor = clr;
                            this._reDrawAll();
                        }
                        break;
                    case 'timeLabelColor':
                        if (this.options.timeLabelColor != clr) {
                            this.options.timeLabelColor = clr;
                            this._drawTimeLabel();
                        }
                        break;
                }
            },
            parseDate:          function (datestr) {
                var date = null;
                var indate = datestr.split(" ");
                if (indate.length > 0) {
                    var d = indate[0].split("-");
                    if (d.length == 3) {
                        do {
                            var y = parseInt(d[0]);
                            if (isNaN(y) || y < 0)
                                break;
                            if (d[0].length <= 2)
                                y += 2000;
                            var m = parseInt(d[1]);
                            if (isNaN(m))
                                break;
                            if (m < 1 || m > 12)
                                break;
                            m--;
                            var day = parseInt(d[2]);
                            if (isNaN(day))
                                break;
                            if (day < 1 || day > 31)
                                break;
                            date = new Date(y, m, day, 0, 0, 0, 0);
                            if (indate.length < 2)
                                break;
                            d = indate[1].split(":");
                            if (d.length == 3) {
                                var h = parseInt(d[0]);
                                if (isNaN(h) || h < 0 || h > 23)
                                    break;
                                date.setHours(h);
                                var m = parseInt(d[1]);
                                if (isNaN(m) || m < 0 || h > 59)
                                    break;
                                date.setMinutes(m);
                                var s = parseInt(d[2]);
                                if (isNaN(s) || s < 0 || s > 59)
                                    break;
                                date.setSeconds(s);

                                var ms = parseFloat(d[2]);
                                if (ms != s) {
                                    ms -= s;
                                    ms *= 1000;
                                    ms = ms.toFixed(0);
                                    date.setMilliseconds(ms);
                                }
                            }
                        } while (false);
                    }
                }

                return date;
            },
            _onSetBegTime:      function (e) {
                if (this.btipShow) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                }
                var rtChart = this;
                var d = dialog(
                    {
                        title: '设置查询起始时间',
                        quickClose: true,
                        content: '<input type="text" name="dateSet" style="margin-bottom:5px; width:160px;"/><br><label><input name="fixEnd" type="checkbox" checked="checked"/>保持查询截至时间不变</label>',
                        onshow: function () {
                            var set =
                                $('input[name=dateSet]', this.__popup)
                                    .val(rtChart.FileTimeToDateString(rtChart.getBegTime()) + " " + rtChart.FileTimeToTimeString(rtChart.getBegTime()))
                                    .datetimepicker({ changeMonth: true, changeYear: true });

                            $('input[name=dateSet]', this.__popup).keydown(this, function (e) {
                                switch (e.which) {
                                    case 13:
                                        d.ok();
                                        break;
                                    case 27:
                                        d.close().remove();
                                        d = null;
                                        rtChart = null;
                                        break;
                                }
                            });
                            $('#ui-datepicker-div').draggable();
                        },
                        okValue: '确定',
                        ok: function () {
                            var date = rtChart.parseDate($('input[name=dateSet]', this.__popup).val());
                            if (date != null) {
                                var fixEnd = $('input[name=fixEnd]', this.__popup)[0].checked;
                                rtChart.setBegTime(date, fixEnd);
                            }
                            d.close().remove();
                            d = null;
                        },
                        onclose: function () {
                            $('input[name=dateSet]', this.__popup)
                                .datetimepicker("hide");
                            $('#ui-datepicker-div').draggable("destroy");
                            rtChart = null;
                        }
                    });

                e.pageX += 10;
                e.pageY -= 30;
                d.show(e);
            },
            _onSetEndTime:      function (e) {
                if (this.btipShow) {
                    if (this.artTooltip)
                        this.artTooltip.close().remove();
                }

                var rtChart = this;
                var d = dialog(
                    {
                        title: '设置查询截至时间',
                        quickClose: true,
                        content: '<input type="text" name="dateSet" style="margin-bottom:5px; width:160px;"/><br><label><input name="fixBeg" type="checkbox" checked="checked"/>保持查询起始时间不变</label>',
                        onshow: function () {
                            var set =
                                $('input[name=dateSet]', this.__popup)
                                    .val(rtChart.FileTimeToDateString(rtChart.getEndTime()) + " " + rtChart.FileTimeToTimeString(rtChart.getEndTime()))
                                    .datetimepicker({ changeMonth: true, changeYear: true });

                            $('input[name=dateSet]', this.__popup).keydown(this, function (e) {
                                switch (e.which) {
                                    case 13:
                                        d.ok();
                                        break;
                                    case 27:
                                        d.close().remove();
                                        d = null;
                                        rtChart = null;
                                        break;
                                }
                            });

                            $('#ui-datepicker-div').draggable();
                        },
                        okValue: '确定',
                        ok: function () {
                            var date = rtChart.parseDate($('input[name=dateSet]', this.__popup).val());
                            if (date != null) {
                                var fixBeg = $('input[name=fixBeg]', this.__popup)[0].checked;
                                rtChart.setEndTime(date, fixBeg);
                            }
                            d.close().remove();
                            d = null;
                        },
                        onclose: function () {
                            $('input[name=dateSet]', this.__popup)
                                .datetimepicker("hide");
                            $('#ui-datepicker-div').draggable("destroy");
                            rtChart = null;
                        }
                    });

                e.pageX += 10;
                e.pageY -= 30;
                d.show(e);
            },

            _loadPoints:        function (dia, grid, info, start, count, tabfilter,tagfilter, totalCount)
            {
                info.css("color", "rgb(0,0,100)");
                info.text("正在获取数据...");

                var rtchart = this;
                this._loadAddPoints = true;
                //注意标签点中有#号问题
                var str="http://" + webServiceIP + ":" + webServicePort + "/api/Point?start="+start+"&count="+count+"&filter="+tagfilter+"&tabfilter="+tabfilter;
                $.ajax({
                    url: str,
                    type: 'GET',
                    dataType: 'json',
                    cache: false,
                    success: function (data) {
                        if(data==null) return;
                        totalCount.Num = data.Count;
                        var ind=start;
                        if(data.PointsPros&&data.PointsPros.length>0){
                            info.css("color", "rgb(0,0,100)");
                            info.text("请选择一个或多个数据点:(总共：" + totalCount.Num + " 个数据点)");
                            info.attr("title", "(共有：" + totalCount.Num + " 个数据点)");

                            var pointspros=data.PointsPros;
                            var len =data.PointsPros.length;
                            var newind = 1;
                            var append = false;
                            if(grid.getRowsNum() == 0)
                                append = true;
                            for (var i = 0; i < len; i++) {
                                var id, name, des, unit, type;
                                id=pointspros[i].Id;
                                name=pointspros[i].TagName;
                                des=pointspros[i].Desc;
                                unit=pointspros[i].Uint;
                                type=pointspros[i].Type;
                                if (append === true){
                                    grid.addRow(i, [false, newind++, id, name, des, unit, type]);
                                }
                                else {
                                    var pid = 'p_' + ind;
                                    grid.cells(pid, 2).setValue(id);
                                    grid.cells(pid, 3).setValue(name);
                                    grid.cells(pid, 4).setValue(des);
                                    grid.cells(pid, 5).setValue(unit);
                                    grid.cells(pid, 6).setValue(type);
                                    grid.changeRowId(pid,id);
                                    ind++;
                                }
                            }
                        }
                        else{
                            info.css("color", "rgb(0,0,100)");
                            info.text("没有符合搜索条件的数据点");
                            info.attr("title", null);
                        }

                    }
                })
            },
            _loadTableNames:    function(comBox)
            {
                if(tableNameStr.length>0){
                    for(var i=0;i<tableNames.length;i++){
                        comBox.addOption(tableNames[i], tableNames[i]);
                    }
                    comBox.setComboText(tableNames[0]);
                    return;
                }
                var str="http://" + webServiceIP + ":" + webServicePort + "/api/Table?isAllTalbleInfo=all";
                $.ajax({
                    url: str,
                    type: 'GET',
                    dataType: 'json',
                    cache: false,
                    success: function (data) {
                        for(var i=0;i<data.length;i++){
                            comBox.addOption(data[i], data[i]);
                        }
                    }
                })
            },
            _onAddPoint:        function ()
            {
                var rtChart = this;
                var w = 660;
                var h = 480;
                if (w > this.canvas.width() - 60)
                    w = this.canvas.width() - 60;
                if (h > this.canvas.height() - 110)
                    h = this.canvas.height() - 110;

                var content = '<label>数据表：<div  name="tabfileter" style="width:180px;display:inline-block;margin-left:14px; "></div></label><br>';
                content += '<label style="line-height:30px;">搜索位号：<input type="text" name="tagfileter" placeholder="所有(*)"></input>';
                content += '<input value="选定" type="button" style="float:right" disabled="disabled"></input></label><br>';
                content += '<span style="width:100%; font-size:12px;cursor:pointer" /><br>';
                content += '<div name="gridlist" style="width:' + w + 'px;height:' + h + 'px; margin-top:4px;" class="unselectable"></div>'
                var rowHeight = null;
                var tabRowCount = null;
                var containdiv = null;
                var info = null;
                var grid = null;
                var comBox = null;
                var totalCount  = {};
                var tabfilter   = null;
                var tagfilter   = null;

                var dia = dialog(
                    {
                        title: '添加新点',
                        quickClose: true,
                        content: content,

                        onshow: function () {
                            containdiv = $('div[name=gridlist]', this.__popup)[0];
                            var skin = "dhx_web";
                            grid = new dhtmlXGridObject(containdiv);
                            grid.setImagePath("htm/codebase/dhtmlxGrid/codebase/imgs/");
                            grid.setHeader("选择,序号,Id,点名称,描述,单位,数据类型");
                            grid.setColumnsVisibility("false,false,true,false,false,false,false");
                            grid.setInitWidths("50,50,45,230,300,60,60");
                            grid.setColAlign("center,right,right,left,left,left,left");
                            grid.setColTypes("ch,ro,ro,ro,ro,ro,ro");
                            grid.setColSorting("na,na,na,na,na,na,na");
                            grid.setSkin(skin);
                            grid.enableColumnMove(true);
                            grid.attachEvent("onScroll", function (sLeft, sTop)
                            {
                                var rowCount = grid.getRowsNum();
                                if (rowCount == 0) {
                                    console.log("return");
                                    return;
                                }

                                if (tabRowCount == null)
                                {
                                    rowHeight   = $('tr.ev_' + skin, containdiv).height();
                                    var tabH    = $('div.objbox', containdiv).height();
                                    tabRowCount = Math.ceil(tabH/rowHeight)
                                }

                                if (rowHeight != null && tabRowCount) {
                                    var ind = Math.floor(sTop/rowHeight);
                                    ind    += tabRowCount;
                                    if (ind + 1 >= rowCount && rowCount < totalCount.Num) {
                                        var count = totalCount.Num - rowCount;
                                        if (count > 200)
                                            count = 200;

                                        var pid = rowCount;
                                        for (var i = 0; i < count; i++) {
                                            grid.addRow("p_" + pid, [false, pid + 1]);
                                            pid++;
                                        }
                                        rtChart._loadPoints(dia, grid, info, rowCount, count, tabfilter,tagfilter, totalCount);
                                    }
                                }
                            });
                            var button = $("input[type=button]", this.__popup);
                            button.click(function () {
                                var idsstr = grid.getCheckedRows(0);
                                if (idsstr != null) {
                                    var ids = idsstr.split(',');
                                    if (ids && ids.length && ids[0] != "") {
                                        for (var i = 0; i < ids.length; i++) {
                                            var rowId = parseInt(ids[i]);
                                            var cell = grid.cells(rowId, 3);
                                            if(cell)
                                                var itemDef=new GoldenRtWeb.RtItemDefine(0, 0, 0);
                                            rtChart.AddPen({ URI: cell.getValue(),itemDef:itemDef});
                                            rtChart.requestHisData({ URI: cell.getValue(),itemDef:itemDef},100);
                                        }
                                    }
                                }
                                dia.close().remove();
                                dia = null;
                            })
                            grid.attachEvent("onCheck", function (rId, cInd, state) {
                                var idsstr = grid.getCheckedRows(0);
                                if (idsstr == null)
                                    button.attr("disabled", "disabled");
                                else {
                                    var ids = idsstr.split(',');
                                    if (ids && ids.length && ids[0] != "")
                                        button.removeAttr("disabled");
                                    else
                                        button.attr("disabled", "disabled");
                                }
                            });
                            grid.init();
                            info = $("span", this.__popup);

                            comBox = new dhtmlXCombo($("div[name=tabfileter]", this.__popup).get(0), "combo", 170);
                            //comBox.addOption("所有(*)", "所有(*)");
                            /*comBox.setComboText("U2");
                             tabfilter = "U2";*/

                            if (rtChart.options.perfectGroup) {
                                comBox.setComboText(rtChart.options.perfectGroup);
                                if(rtChart.options.perfectGroup == "所有(*)")
                                    tabfilter = "*";
                                else
                                    tabfilter = rtChart.options.perfectGroup;
                            }
                            else {
                                //comBox.setComboText("所有(*)");
                                tabfilter = "*";
                            }

                            comBox.attachEvent("onChange", function () {
                                var val = comBox.getComboText();
                                rtChart.options.perfectGroup = val;
                                if (val == "所有(*)")
                                    val = "*";

                                if (val != tabfilter) {

                                    tabfilter = val;

                                    grid.clearAll();
                                    button.attr("disabled", "disabled");
                                    rtChart._loadPoints(dia, grid, info, 0, 100, tabfilter, tagfilter, totalCount);
                                }
                            });
                            var kTimer = null;
                            comBox.attachEvent("onKeyPressed", function () {
                                if (kTimer) {
                                    window.clearTimeout(kTimer);
                                    kTimer = null;
                                }
                                kTimer = window.setTimeout(function () {
                                    if (kTimer) {
                                        window.clearTimeout(kTimer);
                                        kTimer = null;
                                    }
                                    var val = comBox.getComboText();
                                    if (val == "所有(*)")
                                        val = "*";
                                    if (val != tabfilter) {
                                        tabfilter = val;

                                        grid.clearAll();
                                        button.attr("disabled", "disabled");
                                        rtChart._loadPoints(dia, grid, info, 0, 100, tabfilter, tagfilter, totalCount);
                                    }
                                }, 1000);
                            });
                            rtChart._loadTableNames(comBox);
                            tabfilter = comBox.getComboText();
                            if(tabfilter.length!=0){
                                rtChart._loadPoints(dia, grid, info, 0, 100, tabfilter, tagfilter, totalCount);
                            };

                            var fTimer = null;
                            $("input[name=tagfileter]", this.__popup).keyup(function () {
                                var input = $(this);
                                if (fTimer) {
                                    window.clearTimeout(fTimer);
                                    fTimer = null;
                                }
                                fTimer = window.setTimeout(function () {
                                    if (fTimer) {
                                        window.clearTimeout(fTimer);
                                        fTimer = null;
                                    }
                                    if (input.val() != tagfilter) {
                                        tagfilter = input.val();

                                        grid.clearAll();
                                        button.attr("disabled", "disabled");
                                        rtChart._loadPoints(dia, grid, info, 0, 100, tabfilter, tagfilter, totalCount);
                                    }
                                }, 1000);
                            });
                        },
                        onremove: function () {
                            info = null;
                            containdiv = null;
                            if (grid) {
                                grid.destructor();
                                grid = null;
                            }
                            if (comBox) {
                                comBox.unload();
                                delete comBox;
                            }
                            rtChart = null;
                        }
                    });
                dia.show($('.dhx_toolbar_btn', this.element)[0]);
            },
            
            _onEditorPointGroup: function () {
                if (!this.pointGroups) {
                    var d = dialog({ content: "当前没有可用的点组，可以尝试保存点组，<br>从而创建新的点组。", quickClose: true });
                    return;
                }
                var rtChart = this;
                var content = '<input name="save" type="button" value="提交" type="button" style="float:right;"/><input name="delete" type="button" value="删除" type="button" style="float:right;margin-right:8px;" disabled="disabled" /><br><div name="gridlist" style="width:240px;min-height:200px; margin-top:6px;" class="unselectable"></div><span name="info" style="width:280px; font-size:12px;cursor:pointer;color:grb(200,200,200)">可以拖动表格以改变点组的列表顺序</span>'
                var grid = null;

                var dia = dialog(
                {
                    title: '编辑点组',
                    quickClose: true,
                    content: content,

                    onshow: function () {
                        var containdiv = $('div[name=gridlist]', this.__popup)[0];
                        var info = $('span[name=info]', this.__popup);
                        grid = new dhtmlXGridObject(containdiv);
                        grid.setImagePath("htm/codebase/dhtmlxGrid/codebase/imgs/");
                        grid.setHeader("删除,名称,缺省");
                        grid.setInitWidths("50,130,60");
                        grid.setColAlign("center,left,center");
                        grid.setColTypes("ch,ed,ch");
                        grid.setColSorting("na,na,na");
                        grid.setSkin("dhx_web");
                        grid.enableDragAndDrop(true);
                        var commitButton = $("input[name=save]", this.__popup);
                        commitButton.click(function () {
                            var groups = [];
                            var i = 0;
                            var ids = grid.getAllRowIds();
                            if (ids) {
                                ids = ids.split(",");
                                if (ids && ids.length && ids[0] != "") {
                                    for (var i = 0; i < ids.length; i++) {
                                        var rid = ids[i];
                                        var set = { Id: rid, name: grid.cells(rid, 1).getValue(), default_: grid.cells(rid, 2).isChecked(), seq: i };
                                        groups.push(set);
                                    }
                                }
                            }

                            rtChart._submitPointGroup(dia, groups, info);
                        });
                        var delteButton = $("input[name=delete]", this.__popup);
                        delteButton.click(function () {
                            var idsstr = grid.getCheckedRows(0);
                            var ids = idsstr.split(',');
                            if (ids && ids.length && ids[0] != "") {
                                for (var i = 0; i < ids.length; i++)
                                    grid.deleteRow(ids[i]);
                            }
                        });
                        grid.attachEvent("onCheck", function (rId, cInd, state) {
                            if (cInd == 0) {
                                var idsstr = grid.getCheckedRows(0);
                                if (idsstr == null)
                                    delteButton.attr("disabled", "disabled");
                                else {
                                    var ids = idsstr.split(',');
                                    if (ids && ids.length && ids[0] != "")
                                        delteButton.removeAttr("disabled");
                                    else
                                        delteButton.attr("disabled", "disabled");
                                }
                            }
                            else if (cInd == 2 && state) {
                                var ids = grid.getCheckedRows(2);
                                ids = ids.split(',');
                                for (var i = 0; i < ids.length; i++) {
                                    if (ids[i] != rId)
                                        grid.cells(ids[i], 2).setValue(false);
                                }
                            }
                        });
                        grid.init();

                        for (var i in rtChart.pointGroups) {
                            var pg = rtChart.pointGroups[i];
                            grid.addRow(pg.Id, [false, pg.name, pg.bDefault]);
                        }
                    },
                    onremove: function () {
                        if (grid) {
                            grid.destructor();
                            grid = null;
                        }

                        rtChart = null;
                    }
                });
                dia.show($('.dhx_toolbar_btn', this.element)[4]);
            },
            _onSetColors:       function (clrName) {
                if (!clrName) {
                    var rtChart = this;
                    var d = dialog(
                        {
                            title: '设置颜色',
                            quickClose: true,
                            content: '<form action="" method="get">什么颜色？<br /><label><input name="setColor" type="radio" value="bkColor" />背景色</label><label><input name="setColor" type="radio" value="gridColor" />格线色</label><label><input name="setColor" type="radio" value="indColor" />指示线颜色</label><label><input name="setColor" type="radio" value="bordrColor" />边框色</label><label><input name="setColor" type="radio" value="timeLabelColor" />时间标签颜色</label></form>',
                            onshow: function () {
                                $('input[type=radio]', this.__popup).change(function () {
                                    rtChart._onSetColors($(this).val());
                                    rtChart = null;
                                    d.close().remove();
                                    d = null;
                                });
                            }
                        });
                    d.show($('.dhx_toolbar_btn', this.element)[2]);

                    return;
                }
                else {
                    var clrLabel;
                    var clr;
                    switch (clrName) {
                        case 'bkColor':
                            clrLabel = '背景色';
                            clr = this.canvas.css('background-color');
                            break;
                        case 'gridColor':
                            clrLabel = '格线色';
                            clr = this.options.gridColor;
                            break;
                        case 'indColor':
                            clrLabel = '指示线颜色';
                            clr = this.options.indicatorColor;
                            break;
                        case 'bordrColor':
                            clrLabel = '边框色';
                            clr = this.options.borderColor;
                            break;
                        case 'timeLabelColor':
                            clrLabel = '时间标签颜色';
                            clr = this.options.timeLabelColor;
                            break;
                        default:
                            return;
                    }

                    if (this.btipShow) {
                        if (this.artTooltip)
                            this.artTooltip.close().remove();
                    }
                    if (!this.colorPicker)
                        this._buildColorPicker();
                    var colorpicker = this.colorPicker;
                    if (colorpicker.prevColor != null) {
                        $('.colorpicker-prev', colorpicker).show();
                        $('.colorpicker-prevbk', colorpicker).css('background-color', colorpicker.prevColor);
                        $('.colorpicker-prev', colorpicker).bind("click", function () {
                            if (colorpicker) {
                                $('.colorpicker-ind', colorpicker).colorpicker('setValue', colorpicker.prevColor);
                            }
                        });
                    }
                    else
                        $('.colorpicker-prev', colorpicker).hide();

                    colorpicker.resumeColor = clr;
                    var rtchart = this;
                    $('.colorpicker-resume', colorpicker).bind("click", function () {
                        if (colorpicker) {
                            $('.colorpicker-ind', colorpicker).colorpicker('setValue', colorpicker.resumeColor);
                        }
                    });
                    $('.colorpicker-label', colorpicker).text("设置 " + clrLabel);
                    colorpicker.show()
                        .position({
                            my: "left+10 top+20",
                            of: $('.dhx_toolbar_btn', this.element)[0],
                            collision: "fit"
                        });
                    $('.colorpicker-resumebk', colorpicker).css('background-color', clr);
                    $('.colorpicker-ind', colorpicker)
                        .colorpicker('setValue', clr)
                        .colorpicker('show')
                        .off()
                        .on('changeColor.colorpicker', function (event) {
                            rtchart.setColors(clrName, event.color.toString());
                        })
                        .on('hidePicker.colorpicker', function (event) {
                            if (colorpicker) {
                                colorpicker.prevColor = $(this).data('colorpicker').color.toString();
                                colorpicker.hide();
                                $('.colorpicker-ind', colorpicker).off();
                                $('.colorpicker-resume', colorpicker).unbind();
                                $('.colorpicker-prev', colorpicker).unbind();
                                colorpicker = null;
                            }
                            if (rtchart)
                                rtchart = null;
                        });
                }
            },
            setPointGroupName:  function (gName, bDefault)
            {
                if(gName != null)
                    window.document.title = gName;
                this.bDeafultGroup = bDefault;
                this.options.pointGroupName = gName;
            },
            loadConfig: function (groupName, config)
            {
                if (config == null)
                    return;
                this.setPointGroupName(groupName, (config.bDefault != null ? config.bDefault : false));
                
                var pensConfig = null;
                var bRtRefresh = false;
                var bShowAxis = false;
                
                if (config.spanSec != null)
                    this.setTimeSpan(parseInt(config.spanSec), true);
                if (config.bkColor != null)
                    this.options.bkColor = config.bkColor;
                if (config.showAxis != null)
                    bShowAxis = config.showAxis;
                if (config.rtRefresh != null)
                    bRtRefresh = config.rtRefresh;
                if (config.listExpand != null)
                    this.options.listExpand = config.listExpand;
                if (config.perfectGroup != null)
                    this.options.listExpand = config.perfectGroup;
                if (config.indicatorColor != null)
                    this.options.indicatorColor = config.indicatorColor;
                if (config.timeLabelColor != null)
                    this.options.timeLabelColor = config.timeLabelColor;
                if (config.panShow != null)
                    this.options.panShow = config.panShow;
                if (config.listHeight != null)
                    this.options.listHeight = parseInt(config.listHeight);
                if (config.showGrid != null)
                    this.options.showGrid = config.showGrid;
                if (config.borderColor != null)
                    this.options.borderColor = config.borderColor;
                if (config.timeLabelColor != null)
                    this.options.timeLabelColor = config.timeLabelColor;
                if (config.gridColor != null)
                    this.options.gridColor = config.gridColor;
                if (config.tooltipDelay != null)
                    this.options.tooltipDelay = config.tooltipDelay;
                if (config.panWidth != null)
                    this.options.panWidth = config.panWidth;
                if (config.showThumbs != null)
                    this.options.showThumbs = config.showThumbs;
                if (config.showList != null)
                    this.options.showList = config.showList;
                if (config.trendPens != null)
                {
                    if (pensConfig == null)
                        pensConfig = [];
                    for (var i = 0 ; i < config.trendPens.length; i++)
                    {
                        var penOption = {};
                        pensConfig.push(penOption);
                        var pen = config.trendPens[i];
                        if (pen.URI != null)
                            penOption.URI = pen.URI;
                        if (pen.linkReTryTime != null)
                            penOption.linkReTryTime = pen.linkReTryTime;
                        if (pen.penColor != null)
                            penOption.penColor = pen.penColor;
                        if (pen.Num != null)
                            penOption.Num = pen.Num;
                        if (pen.drawLine != null)
                            penOption.drawLine = pen.drawLine;
                        if (pen.stepLine != null)
                            penOption.stepLine = pen.stepLine;
                        if (pen.drawTag != null)
                            penOption.drawTag = pen.drawTag;
                        if (pen.interpolate != null)
                            penOption.interpolate = pen.interpolate;
                        if (pen.hisReTryTime != null)
                            penOption.hisReTryTime = pen.hisReTryTime;
                        if (pen.lockRange != null)
                            penOption.lockRange = pen.lockRange;
                        if (pen.penWidth != null)
                            penOption.penWidth = pen.penWidth;
                        if (pen.rageMax != null)
                            penOption.rageMax = pen.rageMax;
                        if (pen.rageMin != null)
                            penOption.rageMin = pen.rageMin;
                    }
                }
                if (this.trendPens) {
                    var pens = [];
                    for (var i = 0; i < this.trendPens.length ; i++)
                        pens.push(this.trendPens[i]);
                    for (var i = 0 ; i < pens.length; i++)
                        this.removePen(pens[i]);
                }
                if (this.listGrid)
                    this.listGrid.clearAll();
                this.trendPens = [];
                if (pensConfig) {
                    for (var i = 0; i < pensConfig.length; i++)
                        this.trendPens.push(new TrendPen(this, pensConfig[i]));
                }
                for (var i = 0; i < this.trendPens.length; i++) {
                    var pen = this.trendPens[i];
                    if (pen.options.commAxis) {
                        for (var j = 0; j < pen.options.commAxis.length ; j++) {
                            var uri = pen.options.commAxis[j];
                            for (var k = 0; k < this.trendPens.length; k++) {
                                var commpen = this.trendPens[k];
                                if (commpen.getURI() == uri) {
                                    if (pen.commAxis == null)
                                        pen.commAxis = [];
                                    pen.commAxis.push(commpen);
                                }
                            }
                        }
                    }
                    this._linkData(pen);
                }

                this._resetTumbs();
                this._bulidCanvas();

                this.setRtrefresh(bRtRefresh);
                this.setShowAxis(bShowAxis);
                if (this.toolBar)
                    this.toolBar.setItemText("timeSpan", this.getTimeSpanString());
               
            },
            _onSaveConfig: function () {
                var rtChart = this;
                var d = dialog(
                {
                    title: '保存设置',
                    quickClose: true,
                    content: '<form action="" method="get" style="line-height:26px;">点组名称: <input name="groupName" required="true" autofocus style="padding-left:2px;width:160px;line-height:22px;" type="text"  placeholder="输入点组名称" title="改变名称将创建新的点组"/><br><Label title="缺省点组可以未指定点组名称的情况下，在趋势页面中打开,\n一个账号只能有一个缺省点组。"><input type="checkbox" ' + (this.bDeafultGroup ? 'checked="checked"' : '') + '></input>缺省点组</Label></form>',
                    onshow: function () {
                        $('input[name=groupName]', this.__popup).val(rtChart.options.pointGroupName == null ? "" : rtChart.options.pointGroupName);
                        $('form', this.__popup).keydown(this, function (e) {
                            switch (e.which) {
                                case 13:
                                    d.ok();
                                    break;
                                case 27:
                                    d.close().remove();
                                    d = null;
                                    rtChart = null;
                                    break;
                            }
                        });
                    },
                    okValue: '确定',
                    ok: function () {
                        var gName = $('input[name=groupName]', this.__popup).val();
                        var bDefault = $('input[type=checkbox]', this.__popup)[0].checked;
                        if (gName == null || gName.length == 0) {
                            var pd = dialog({ quickClose: true, content: "点组名称不能为空" });
                            pd.show();
                            window.setTimeout(function () { pd.close().remove(); }, 2000);
                            $('input[name=groupName]', this.__popup).focus();
                            return false;
                        }
                        rtChart.setPointGroupName(gName, bDefault);
                        rtChart.saveConfig(bDefault);
                        d.close().remove();
                        d = null;
                        rtChart = null;
                    }
                });
                d.show($('.dhx_toolbar_btn', this.element)[3]);
            },

            saveConfig:         function (bDefault)
            {
                if (this.options.pointGroupName == null || this.options.pointGroupName.length == 0) {
                    var pd = dialog({ quickClose: true, content: "点组名称不能为空" });
                    pd.show();
                    window.setTimeout(function () { pd.close().remove(); }, 2000);
                    return;
                }
                var config = {};
                config.name = this.options.pointGroupName;
                config.spanSec = this.options.spanSec;
                config.bkColor = this.options.bkColor;
                config.showAxis = this.options.showAxis;
                config.rtRefresh = this.options.rtRefresh;
                config.listExpand = this.options.listExpand;
                if (this.options.perfectGroup) {
                    config.perfectGroup = this.options.perfectGroup;
                }
                config.indicatorColor = this.options.indicatorColor;  
                config.timeLabelColor = this.options.timeLabelColor;
               
                config.spanSec = this.options.spanSec;
                config.panShow = this.options.panShow;
                config.listHeight = this.options.listHeight;
                config.showGrid = this.options.showGrid;
                config.borderColor = this.options.borderColor;
                config.timeLabelColor = this.options.timeLabelColor;
                config.gridColor = this.options.gridColor;
                config.tooltipDelay = this.options.tooltipDelay;
                config.panWidth = this.options.panWidth;
                config.showThumbs = this.options.showThumbs;
                config.showList = this.options.showList;
               
                config.bDefault = (bDefault ? true : false);
                if (this.trendPens) {
                    var len = this.trendPens.length;
                    config.trendPens = [];
                    for (var i = 0; i < len; i++) {
                        var pen = this.trendPens[i];
                        config.trendPens.push(pen.getConfig());
                    }
                }

                var configs = localStorage.getItem("goldenTrendConfig");
                if (configs)
                {
                    try
                    {
                        configs = JSON.parse(configs);
                    }
                    catch(ex)
                    {
                        localStorage.removeItem("goldenTrendConfig");
                        configs = null;
                    }
                }

                if(configs)
                {
                    if (config.bDefault)
                    {
                        for(var i in configs)
                        {
                            var setconfig = configs[i];
                            setconfig.bDeafult = false;
                        }
                    }
                }
                else
                {
                    configs = {};
                }
                configs[this.options.pointGroupName] = config;
                var id = 0;
                for (var i in configs) {
                    var setconfig = configs[i];
                    setconfig.Id = id++;
                }

                localStorage.setItem("goldenTrendConfig", JSON.stringify(configs));
                var d = dialog({
                    content: "点组设置保存已成功！",
                    quickClose: true
                });
                d.show();
                window.setTimeout(function () {
                    d.close().remove();
                    d = null;
                }, 2000);

                this._loadPointGroupNames();
            },
            _loadPointGroupNames:       function()
            {
                var dia = null;
                if (this.initDialogShow !== true) {
                    this.initDialogShow = true;
                }
                var pointGroups = localStorage.getItem("goldenTrendConfig");
                if (pointGroups)
                {
                    try
                    {
                        pointGroups = JSON.parse(pointGroups);
                    }
                    catch(ex)
                    {
                        localStorage.removeItem("goldenTrendConfig");
                        pointGroups = null;
                    }
                }

                this._onPointGroupNamesLoaded(pointGroups);
            },

            _onPointGroupNamesLoaded:   function (pointGroups)
            {
                if (!this.toolBar || !pointGroups)
                    return;
                this.pointGroups = pointGroups;
                var opts =
                [
                    //['newPiointGroup', 'obj', '新建点组', 'window_new.png'],
                    ['editorPointGroup', 'obj', '编辑点组...', 'tag_blue_edit.png'],
                    ['refreshPointGroup', 'obj', '刷新点组列表', 'reload.png'],
                    ['idsep', 'sep']
                ];
                this.toolBar.removeItem("pointGroup");
                
                for (var n in this.pointGroups) {
                    var pg = this.pointGroups[n];
                    if (!this.isNewPage && pg.bDefault === true && this.options.pointGroupName == null) {
                        this.options.pointGroupName = n;
                        this._loadPointGroup();
                    }
                    var opt = [pg.Id, 'obj', n, 'tags.png'];
                    opts.push(opt);
                }
                this.toolBar.addButtonSelect("pointGroup", 4, "点组", opts, "tag.png");
            },

            _onSetTimeSpan:     function (e) {
                var rtChart = this;
                var d = dialog(
                    {
                        title: '设置时间跨度',
                        quickClose: true,
                        content: '<form action="" method="get" style="line-height:26px;">时间跨度: <input name="timespan" min="1" max="10000" value="10" required="true" autofocus style="padding-left:2px;width:96px;"  type="number"><br>时间单位:<label><input name="setTime" type="radio" value="s" />秒</label><label><input name="setTime" type="radio" value="m" checked="checked" />分</label><label><input name="setTime" type="radio" value="h" />时</label><form>',
                        onshow: function () {
                            $('form', this.__popup).keydown(this, function (e) {
                                switch (e.which) {
                                    case 13:
                                        d.ok();
                                        break;
                                    case 27:
                                        d.close().remove();
                                        d = null;
                                        rtChart = null;
                                        break;
                                }
                            });
                        },

                        okValue: '确定',
                        ok: function () {
                            var span = $('input[ name="timespan"]', d.__popup).val();
                            span = parseInt(span, 10);
                            if (!span || isNaN(span) || span < 1)
                                span = 1;
                            switch ($('input:radio:checked', this.__popup).val()) {
                                case 'm':
                                    span *= 60;
                                    break;
                                case 'h':
                                    span *= 3600;
                                    break;
                            }
                            d.close().remove();
                            d = null;

                            if (!rtChart.getHisRefreshing()) {

                                d = dialog(
                                    {
                                        title: '固定哪个时间？',
                                        quickClose: true,
                                        content: '<form action="" method="get" ><label><input name="setTime" type="radio" autofocus value="fixBeg" />查询起始时间不变</label><label><input name="setTime" type="radio" value="fixEnd" />查询截至时间不变</label><form>',
                                        onshow: function () {
                                            $('input[type=radio]', this.__popup).change(function () {
                                                var fixEnd = false;
                                                if ($(this).val() == 'fixEnd')
                                                    fixEnd = true;
                                                d.close().remove();
                                                d = null;

                                                rtChart.setTimeSpan(span, fixEnd);
                                                rtChart = null;
                                            });
                                        }
                                    });
                                d.show(e);
                            }
                            else {
                                rtChart.setTimeSpan(span);
                                rtChart = null;
                            }
                        }
                    });
                e.pageX += 10;
                e.pageY -= 30;
                d.show(e);
            },
            _toggleZoom:        function () {
                this.zooming = this.zooming ? false : true;
                if (this.zooming)
                    this.canvas.addClass('zoomcur');
                else
                    this.canvas.removeClass('zoomcur');
            },
            _updateReZoom:      function () {
                if (this.zoomStack && this.zoomStack.length)
                    this.toolBar.enableItem("zoomResume");
                else
                    this.toolBar.disableItem("zoomResume");
            },
            _onReZoom:          function () {
                if (this.zoomStack && this.zoomStack.length) {
                    var zoomItem = this.zoomStack.pop();
                    this._updateReZoom();
                    if (zoomItem.pens) {
                        for (var i in zoomItem.pens) {
                            var zoomPen = zoomItem.pens[i];

                        }
                    }
                    this.setBegTimeAndSpan(zoomItem.begTime, zoomItem.spanTime);
                }
            },

            RegistRtPt:         function (pen, rtDef, callback, opt) {
                var url = pen.getWebURL().toLowerCase();
                var webLink = this.webLinks[url];
                if (webLink) {
                    return webLink.RegistRtPt(rtDef, pen, callback, opt);
                }
                else
                    return null;
            },
            UnRegistRtPt:       function (pen, rtRefreshKey) {
                if (!this.webLinks)
                    return;
                var url = pen.getWebURL().toLowerCase();
                var webLink = this.webLinks[url];
                if (webLink)
                    webLink.UnRegistRtPt(pen, rtRefreshKey);
            },
            requestHisData:     function (pen, delay) {
                var url = GoldenRtWeb.getWebURL();
                var webLink =this.webLinks[url];
                if (webLink)
                    return webLink.requestHisData(delay);
                else
                    return false;
            },

            DateToFileTime:         function (date) {
                var epoch_diff = 116444736000000000;
                var rate_diff = 10000;
                var ut = date.getTime();
                var ft = ut * rate_diff + epoch_diff;
                return ft;
            },
            FileTimeToDate:         function (fTime) {
                var epoch_diff = 116444736000000000;
                var rate_diff = 10000;
                var ut = (fTime - epoch_diff) / rate_diff;
                return new Date(ut);
            },
            FileTimeToDateString:   function (fTime) {
                if (isNaN(fTime) || fTime == 0)
                    return "";
                var date = this.FileTimeToDate(fTime);
                var dstr = date.getFullYear().toString();
                dstr += "-";
                if (date.getMonth() + 1 < 10)
                    dstr += "0" + (date.getMonth() + 1).toString();
                else
                    dstr += (date.getMonth() + 1).toString();

                dstr += "-";
                if (date.getDate() < 10)
                    dstr += "0" + date.getDate();
                else
                    dstr += date.getDate();

                return dstr;
            },
            FileTimeToTimeString:   function (fTime, ms) {
                if (isNaN(fTime) || fTime == 0)
                    return "";
                var date = this.FileTimeToDate(fTime);

                var time;
                if (date.getHours() < 10)
                    time = "0" + date.getHours();
                else
                    time = date.getHours().toString();

                time += ":";
                if (date.getMinutes() < 10)
                    time += "0" + date.getMinutes().toString();
                else
                    time += date.getMinutes();

                time += ":";
                if (date.getSeconds() < 10)
                    time += "0" + date.getSeconds().toString();
                else
                    time += date.getSeconds();
                if (ms === true) {
                    time += ".";
                    if (date.getMilliseconds() < 10)
                        time += "00" + date.getMilliseconds().toString();
                    else if (date.milliseconds < 100)
                        time += "0" + date.getMilliseconds().toString();
                    else
                        time += date.getMilliseconds().toString();
                }

                return time;
            }
        });

    WebLink.prototype =
    {
        addPen:         function (pen) {
            if (!this.Pens)
                this.Pens = [];
            this.Pens.push(pen);
            this.startLink();
        },
        destroy:        function () {
            if (this.hisTimer) {
                window.clearTimeout(this.hisTimer);
                this.hisTimer = null;
            }
            if (this.linkTimer) {
                window.clearTimeout(this.linkTimer);
                this.linkTimer = null;
            }
            if (this.rtRefresher) {
                this.rtRefresher.clear();
                delete this.rtRefresher;
            }
            if (this.Pens)
                delete this.Pens;
        },
        startLink:      function (delay) {
            if (this.linkTimer) {
                window.clearTimeout(this.linkTimer);
                this.linkTimer = null;
            }

            var self = this;
            this.linkTimer = window.setTimeout(function () {
                window.clearTimeout(self.linkTimer);
                self.linkTimer = null;
                self._beginLink();
                self = null;
            }, delay || 10);
        },
        _beginLink:     function () {
            if (!this.Pens || !this.Pens.length)
                return;
            var self = this;
            for (var i in this.Pens) {
                var pen = this.Pens[i];
                if (pen.isLinkRq()) {
                    self._addpenClosure(pen);
                }
                pen.setLinkStatus("linking", "正在连接...");
            }
        },
        _addpenClosure:function(pen)
        {
            var str = "http://" + webServiceIP + ":" + webServicePort + "/api/Point?tagName=" + pen.getURI();
           
            $.ajax({
                url: str,
                type: 'GET',
                dataType: 'json',
                cache: false,
                success: function (data) {
                    if(data)
                        pen.onLinkTab(data);
                }
            });
        },

        RegistRtPt:     function (rtDef, scope, callback, opt) {
            if (!this.rtRefresher)
                this.rtRefresher = new GoldenRtWeb.RtRefresher(this.weburl);
            return this.rtRefresher.RegistRtPt(rtDef, scope, callback, opt);
        },
        UnRegistRtPt:   function (pen, rtRefreshKey) {
            if (this.rtRefresher)
                this.rtRefresher.UnRegistRtPt(rtRefreshKey);
            if (this.Pens) {
                for (i in this.Pens) {
                    if (this.Pens[i] == pen) {
                        this.Pens.splice(i, 1);
                        break;
                    }
                }
            }
        },
       
        requestHisData: function (delay) {

            if (this.hisTimer) {
                window.clearTimeout(this.hisTimer);
                this.hisTimer = null;
            }
            var self = this;
            this.hisTimer = window.setTimeout(function () {
                window.clearTimeout(self.hisTimer);
                self.hisTimer = null;
                self._pullHisData();
                self = null;
            }, delay || 10);
            return true;
        },
        _pullHisData:   function () {

            if (!this.Pens || !this.Pens.length)
                return;
            var reqInfoset = null;
            var tagName=[];
            var metaId="";
            var beginTime="";
            var endTime="";
            var tabs=[];
            for (i in this.Pens) {
                var pen = this.Pens[i];

                if (pen.isHisRq()) {
                    var tab = pen.getHisRequestTab();
                    tab.reqHisPen = pen;
                    tab.clientHandle = i;
                    pen.setHisStatus("getting", "正在获取历史数据...");
                    tabs.push(tab);
                    tab.reqHisPen = pen;
                    tab.clientHandle = i;
                    
                    if(beginTime==""){
                        if(pen.options.itemDef.beginTime!=null){
                            beginTime=pen.options.itemDef.beginTime;
                        }
                        else{
                            beginTime=0;
                        }
                    }
                    if(endTime==""){
                        if(pen.options.itemDef.endTime!=null){
                            endTime=pen.options.itemDef.endTime;
                        }else{
                            endTime=0;
                        }
                    }
                    var item = pen.options.URI;
                    item += "&beginTime=" + beginTime + "&endTime=" + endTime + "&interval=1000";
                    tagName.push(item);
                }
            }
           
            if (tagName.length>0) {
                    for (var i = 0; i < tagName.length; i++) {
                    {
                        var str = "http://" + webServiceIP + ":" + webServicePort + "/api/HistoryPlot?tagNames=" + tagName[i];
                        var self = this;
                        var tab = tabs[i];
                        $.ajax({
                            url: str,
                            type: 'GET',
                            dataType: 'json',
                            cache: false,

                            complete: function (xhr, ts) {
                                if (xhr.tab) {
                                    var data = xhr.responseJSON;
                                    if (data.length > 0)
                                        self._onHisEnd(xhr.tab, data);
                                    delete xhr.tab;
                                }
                            }
                        }).tab = tab;
                    }
                }
            }
            else
                this._onHisEnd();
        },
        _onHisEnd:      function (tab,data) {

            if (tab && data && data.length > 0) {
                if (tab.reqHisPen) {
                    tab.hisData = data[0];
                    tab.reqHisPen.onHisTab(tab);
                    tab.reqHisPen = null;
                }
            }

            if (!this.Pens || !this.Pens.length)
                return;
            this.requestHisData(3000);
        }
    };

    TrendPen.prototype =
    {
        destroy:        function () {
            if (this.linkingTime) {
                window.clearTimeout(this.linkingTime);
                this.linkingTime = null;
            }
            if (this.hisingTime) {
                window.clearTimeout(this.hisingTime);
                this.hisingTime = null;
            }
            if (this.rtRefreshKey) {
                this.rtChart.UnRegistRtPt(this, this.rtRefreshKey);
                this.rtRefreshKey = null;
            }
            var oldComm = this.commAxis;
            this.commAxis = null;
            if (oldComm) {
                for (var i = 0; i < oldComm.length; i++)
                    oldComm[i].removeCommAxis(this);
            }

            this.rtChart = null;
        },
        hisDatRemove:   function (array, from, to) {
            var rest = array.slice((to || from) + 1 || array.length);
            array.length = from < 0 ? array.length + from : from;
            return array.push.apply(array, rest);
        },

        updateRangeList:function()
        {
            if (this.rageMax != null && this.rageMin != null ) {
                this.setGridSelf = true;
                this.rtChart._updateList(this.rowId, "量程下限", this.rageMin.toFixed(this.options.Num));
                this.rtChart._updateList(this.rowId, "量程上限", this.rageMax.toFixed(this.options.Num));
                this.setGridSelf = false;
            }
            else {
                this.setGridSelf = true;
                this.rtChart._updateList(this.rowId, "量程下限", null);
                this.rtChart._updateList(this.rowId, "量程上限", null);
                this.setGridSelf = false;
            }
        },
        setDataReader:  function()
        {
            if (this.rtChart == null)
                return;
            var ft = this.rtChart.getReaderTimer();
            var vqt = null;
            var prev = null;
            var next = null;
            if (this.hisData) {
                var len = this.hisData.length;
                for (var i = 0; i < len; i++) {
                    var findVQT = this.hisData[i];
                    if (findVQT.StampTime == ft) {
                        vqt = findVQT;
                        break;
                    }
                    else if (findVQT.StampTime > ft) {
                        if (prev) {
                            vqt = prev;
                            next = findVQT;
                        }
                        else
                            vqt = findVQT;
                        break;
                    }
                    else
                        prev = findVQT;
                }
            }

            if (vqt) {
                if (vqt.Value != null) {
                    if (next && next.StampTime > vqt.StampTime && next.Value != null)
                    {
                        var val;
                        if (this.isString(vqt))
                            val = vqt.Value ? vqt.Value : "";
                        else if (this.isBoolen(vqt))
                        {
                            if (vqt.Value)
                                val = "1";
                            else
                                val = "0";
                        }
                        else {
                            val = vqt.Value + (next.Value - vqt.Value) * (ft - vqt.StampTime) / (next.StampTime - vqt.StampTime);
                            val = val.toFixed(this.options.Num);
                        }
                        if (this.unit)
                            val += " " + this.unit;
                        var time = this.rtChart.FileTimeToDateString(ft) + " " + this.rtChart.FileTimeToTimeString(ft);
                        this.rtChart._updateList(this.rowId, "数据时间", time);
                        this.rtChart._updateList(this.rowId, "数据值", val);
                    }
                    else {
                        var time = this.getFullStampTimeStr(vqt);
                        var val ;
                        if (this.isString(vqt))
                            val = vqt.Value ? vqt.Vvalue : "";
                        else if (this.isBoolen(vqt))
                        {
                            if (vqt.Value)
                                val = "1";
                            else
                                val = "0";
                        }
                        else
                            val  = (this.isFloat(vqt) ? vqt.Value.toFixed(this.options.Num) : vqt.Value);
                        if (this.unit)
                            val += " " + this.unit;
                        this.rtChart._updateList(this.rowId, "数据时间", time);
                        this.rtChart._updateList(this.rowId, "数据值", val);
                    }
                }
            }
            else {
                var time = this.rtChart.FileTimeToDateString(ft) + " " + this.rtChart.FileTimeToTimeString(ft);
                var val = '[!!无历史数据]';
                this.rtChart._updateList(this.rowId, "数据时间", time);
                this.rtChart._updateList(this.rowId, "数据值", val);
            }
        },
        updateDataReader:function()
        {
            if (this.rtChart == null)
                return;
            if (this.dataReaderTime == null) {
                var me = this;
                this.dataReaderTime = window.setTimeout(function () {
                    window.clearTimeout(me.dataReaderTime);
                    me.dataReaderTime = null;
                    me.setDataReader();
                    me = null;
                }, 100);
            }
        },

        setRangeLock:   function (lock, updateList)
        {
            if (this.options.lockRange === lock)
                return;
            this.options.lockRange = lock;
            if (!lock) {
                var gh  = this.rtChart.getGridHeight();


            }
            if (updateList !== false)
                this.rtChart._updateList(this.rowId, "量程锁定", this.options.lockRange);
        },
        onSetMinRange:  function (nValue)
        {
            if (!this.setGridSelf) {
                var minset = parseFloat(nValue);

                if (this.rageMax > minset) {
                    this.options.lockRange = true;
                    this.rtChart._updateList(this.rowId, "量程锁定", this.options.lockRange);
                    this.setRange(minset, this.rageMax, null);
                }
                this.updateRangeList();
            }
        },
        onSetMaxRange:  function (nValue)
        {
            if (!this.setGridSelf) {
                var maxset = parseFloat(nValue);
                var gh = this.rtChart.getGridHeight();

                if (maxset > this.rageMin) {
                    this.options.lockRange = true;
                    this.rtChart._updateList(this.rowId, "量程锁定", this.options.lockRange);
                    this.setRange(this.rageMin, maxset, null);

                }
                this.updateRangeList();
            }
        },
        log10:          function (val) {
            return Math.log(val) / Math.LN10;
        },
        setRange:       function (rageMin, rageMax, calls)
        {
            if (this.rageMin != rageMin || this.rageMax != rageMax) {
                this.rageMin = rageMin;
                this.rageMax = rageMax;

                if ((this.maxVqt && this.isFloat(this.maxVqt)) ||
                    (this.minVqt && this.isFloat(this.minVqt))) {
                    var r = Math.abs(this.rageMax - this.rageMin);
                    if (r < 1) {
                        var bSet = false;
                        if (r > 0.1) {
                            if (this.options.Num < 3) {
                                this.options.Num = 3;
                                bSet = true;
                            }
                        }
                        else if (r > 0.01) {
                            if (this.options.Num < 4) {
                                this.options.Num = 4;
                                bSet = true;
                            }
                        }
                        else if (r > 0.001) {
                            if (this.options.Num < 5) {
                                this.options.Num = 5;
                                bSet = true;
                            }
                        }
                        else if (this.options.Num < 6) {
                            this.options.Num = 6;
                            bSet = true
                        }
                        if (bSet)
                            this.updateListGrid();
                    }
                }

                this.rtChart.updateDataArea();
                this.rtChart.UpdateAxisPan(true);
                this.updateRangeList();
            }
            if (this.commAxis && this.commAxis.length) {
                if (calls == null)
                    calls = [];
                calls.push(this);
                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    var seted = false;
                    for (var k in calls) {
                        if (calls[k] == pen) {
                            seted = true;
                            break;
                        }
                    }
                    if (!seted)
                        pen.setRange(rageMin, rageMax, calls);
                }
            }
        },
        moveY:          function (deltY) {
            if(this.rageMin == null || this.rageMax == null || this.rageMax == this.rageMin)
                return;
            var gh = this.rtChart.getGridHeight();
            var delt = (this.rageMax - this.rageMin) * deltY / gh;
            this.setRange(this.rageMin + delt,this.rageMax + delt);
        },
        isGood:         function(vqt)
        {
            if (!vqt)
                return false;
            return (vqt.Qua == 0 || ((vqt.Qua & 0x100) && (vqt.Qua & 0xc0) == 0xc0));
        },
        isBad:          function(vqt)
        {
            return !this.isGood(vqt);
        },
        isUncertain:    function(vqt)
        {
            return false;
        },
        isFloat:        function(vqt)
        {
            if (!vqt || !vqt.Value)
                return false;
            var num = parseFloat(vqt.Value);
            if (isNaN(num))
                return false;
            else
            {
                if (num.toString().indexOf(".") > 0)
                    return true;
                else
                    return false;
            }
        },
        GetNumber: function (vqt) {
            if (!vqt)
                return 0;
            var num = parseFloat(vqt.Value);
            if (num == null)
                return 0;
            if (!isNaN(num))
                return num;
            else if (num.toString().toLowerCase() == "true")
                return 1;
            else if (num.toString().toLowerCase() == "false")
                return 0;
            var hash = 0;
            if (!this.value || !this.value.length) return hash;
            for (i = 0; i < this.value.length; i++) {
                char = this.value.charCodeAt(i);
                hash = ((hash << 5) - hash) + char;
                hash = hash & hash;
            }
            return hash;
        },
        isBoolen:function(vqt)
        {
            if (!vqt)
                return false;
            else if (vqt.Value == "true" || vqt.Value == "false")
                return true;
            else
                return false;
        },
        isString:function(vqt)
        {
            if (!vqt)
                return false;
            else if (vqt.Value == null)
                return false;
            else if (typeof vqt.Value == 'string')
                return true;
            else
                return false;
        },
        getQuaStr:  function(vqt)
        {
            var re = "";
            if (!vqt || vqt.Qua == null)
                return re;
            switch (vqt.Qua) {
                case 0:    //  
                    re = "正常";
                    break;
                case 1:
                    re = "无数据";
                    break;
                case 2:
                    re = "创建";
                    break;
                case 3:
                    re = "停机";
                    break;
                case 4:
                    re = "计算停止";
                    break;
                case 5:
                    re = "坏点";
                    break;
                case 6:
                    re = "被零除";
                    break;
                case 7:
                    re = "已被删除";
                    break;
                default:
                    if (this.qua & 0x0100) // 从0x0100至0x01FF为OPC质量码
                    {
                        switch (this.qua & 0xFC) {
                            case 0x00:
                                re = "坏值";
                                break;
                            case 0x04:
                                re = "坏值(组态错误)";
                                break;
                            case 0x08:
                                re = "坏值(没有连接)";
                                break;
                            case 0x0C:
                                re = "坏值(设备故障)";
                                break;
                            case 0x10:
                                re = "坏值(传感器故障)";
                                break;
                            case 0x14:
                                re = "坏值(最后值)";
                                break;
                            case 0x18:
                                re = "坏值(通讯故障)";
                                break;
                            case 0x1C:
                                re = "坏值(退出服务)";
                                break;
                            case 0x20:
                                re = "坏值(不被许可)";
                                break;
                            case 0x24:
                                re = "坏值(超出量程)";
                                break;
                            case 0x2C:
                                re = "坏值(未定义值)";
                                break;
                            case 0x28:
                                re = "坏值(计算错误)";
                                break;
                            case 0x30:
                                re = "坏值(输出开路)";
                                break;
                            case 0x34:
                                re = "坏值(输入开路)";
                                break;
                            case 0x3C:
                                re = "坏值(转换错误)";
                                break;
                            case 0x40:
                                re = "坏值(可疑值)";
                                break;
                            case 0x44:
                                re = "可疑值(最后值)";
                                break;
                            case 0x48:
                                re = "可疑值(输出开路)";
                                break;
                            case 0x4C:
                                re = "可疑值(等待同步)";
                                break;
                            case 0x50:
                                re = "可疑值(传感器校正)";
                                break;
                            case 0x54:
                                re = "可疑值(超出量程)";
                                break;
                            case 0x58:
                                re = "可疑值(子故障)";
                                break;
                            case 0x5C:
                                re = "可疑值(输入开路)";
                                break;
                            case 0x60:
                                re = "可疑值(转换错误)";
                                break;
                            case 0xC0:
                                re = "正常";
                                break;
                            case 0xC4:
                                re = "正常(初始化)";
                                break;
                            case 0xC4:
                                re = "正常(无状态)";
                                break;
                            case 0xD8:
                                re = "正常(当地重载)";
                                break;
                        }
                    }
                    else {
                        re = "用户自定义";
                    }
                    break;
            }
            return re;
        },
        getFullStampTimeStr:  function(vqt)
        {
            return GoldenRtWeb.FileTimeToString(vqt.StampTime, false);
        },
        getStampTimeStr:  function(vqt)
        {
            return GoldenRtWeb.FileTimeToString(vqt.StampTime, false);
        },
        expendY:    function (deltaY)
        {
            if (this.rageMin == null || this.rageMax == null || this.rageMax == this.rageMin)
                return;
            var gh      = this.rtChart.getGridHeight();
            var delt    = (this.rageMax - this.rageMin) * deltaY / gh;
            var M       = null;
            if (this.minVqt && this.isGood(this.minVqt) && this.maxVqt && this.isGood(this.maxVqt)) {
                if (this.isBoolen(this.minVqt))
                    M = 0.5;
                else if (this.GetNumber(this.minVqt) != this.GetNumber(this.maxVqt))
                    M = 0.5 * (this.GetNumber(this.maxVqt) - this.GetNumber(this.minVqt)) + this.GetNumber(this.minVqt);
                else
                    M = 0.5 * this.GetNumber(this.maxVqt);
            }
            else if (this.minVqt && this.isGood(this.minVqt)) {
                if (this.isBoolen(this.minVqt))
                    M = 0.5;
                else
                    M = 0.5 * this.GetNumber(this.minVqt);
            }
            else if (this.maxVqt && this.isGood(this.maxVqt)) {
                if (this.isBoolen(this.maxVqt))
                    M = 0.5;
                else
                    M = 0.5 * this.GetNumber(this.maxVqt);
            }
            else
                return;
            var K = (M - this.rageMin) / (this.rageMax - this.rageMin);
            var max = this.rageMax + delt;
            var min = (M - K * max) / (1 - K);
            if (max <= min)
                return;
            this.setRange(min, max);
        },
        getY:           function(val)
        {
            if (this.rageMin == null || this.rageMax == null || this.rageMin == this.rageMax)
                return null;
            var gh = this.rtChart.getGridHeight();
            var y = gh - gh * (val - this.rageMin) / (this.rageMax - this.rageMin);
            return y;
        },
        getVal:         function(y)
        {
            if (this.rageMin == null || this.rageMax == null || this.rageMin == this.rageMax)
                return null;
            var gh = this.rtChart.getGridHeight();
            var v = this.rageMin + (gh - y) * (this.rageMax - this.rageMin) / gh;
            return v;
        },
        hasDataAtTime:  function (ft, y) {
            if (this.hisData) {
                var yVal = this.getVal(y);
                if (yVal == null)
                    return false;
                if (this.minVqt && this.isGood(this.minVqt) && this.GetNumber(this.minVqt) > yVal) {
                    if (this.isBoolen(this.minVqt) && yVal < 0)
                        return false;
                    if (this.maxVqt && this.isGood(this.maxVqt) && this.GetNumber(this.maxVqt) == this.GetNumber(this.minVqt)) {
                        if (this.rageMin > yVal)
                            return false;
                    }
                    else
                        return false;
                }
                if (this.maxVqt && this.isGood(this.maxVqt) && this.GetNumber(this.maxVqt) < yVal) {
                    if (this.isBoolen(this.maxVqt) && yVal > 1)
                        return false;
                    else if (this.minVqt && this.isGood(this.minVqt) && this.GetNumber(this.maxVqt) == this.GetNumber(this.minVqt)) {
                        if (this.rageMax < yVal)
                            return false;
                    }
                    else
                        return false;
                }
                var prev    = null;
                var len     = this.hisData.length;
                for (var i = 0; i < len; i++) {
                    var vqt = this.hisData[i];
                    if (vqt.StampTime == ft)
                        return true;
                    else if (vqt.StampTime > ft) {
                        if (prev)
                            return true;
                        else
                            return false;
                    }
                    else
                        prev = vqt;
                }
                return false;
            }
            else
                return false;
        },
        hasDataBetweenTime: function (begTime, endTime) {
            if (this.hisData) {
                var len = this.hisData.length;
                for (var i = 0; i < len; i++) {
                    var vqt = this.hisData[i];
                    if (vqt.StampTime >= begTime && vqt.StampTime <= endTime)
                        return true;
                }
                return false;
            }
            else
                return false;
        },

        getPanHeight:   function () {
            var h = 55;

            if (this.vqt)
                h += SPANLINEHEIGHT;
            if (this.avg != null)
                h += SPANLINEHEIGHT;
            if (this.maxVqt)
                h += SPANLINEHEIGHT
            if (this.minVq)
                h += SPANLINEHEIGHT;
            return h;
        },
        isLinkRq: function () {

            if (this.itemDef)
                return false;
            else if (this.linkTime && (new Date() - this.linkTime < this.options.linkReTryTime))
                return false;
            else
                return true;
        },
        isLinked:       function () {
            return this.itemDef != null;
        },
        getConfig:   function()
        {
            var config = {};
            config.URI = this.getURI();
            config.linkReTryTime = this.options.linkReTryTime;
            config.penColor = this.options.penColor;
            config.Num = this.options.Num;
            config.penWidth = this.options.penWidth || 1;
            config.drawLine = this.options.drawLine;
            config.stepLine = this.options.stepLine == null ? false : this.options.stepLine;
            config.drawTag = this.options.drawTag;
            config.interpolate = this.options.interpolate == null ? false : this.options.interpolate;
            config.hisReTryTime = this.options.hisReTryTime;
            config.lockRange = this.options.lockRange;
            config.rageMax = this.options.rageMax;
            config.rageMin = this.options.rageMin;

            if (this.commAxis) {
                var axis = [];
                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    axis.push(pen.getURI());
                }
                config.commAxis = axis;
            }
            
            return config;
        },
        setDes:         function(des)
        {
            this.des = des;
            if (this.rtChart && this.rowId)
                this.rtChart._updateList(this.rowId, "描述", this.getDes());
        },
        getDes:         function()
        {
            return this.des;
        },
        getWebURL:      function () {
            return GoldenRtWeb.getWebURL();
        },
        getURI:         function () {
            return this.options.URI;
        },
        getLabel:       function () {
            var uri = this.getURI();
            var i = uri.lastIndexOf(".");
            if (i > 0)
                return uri.substring(i + 1);
            else
                return uri;
        },
        getPenColor:    function () {
            return this.options.penColor;
        },
        onSetLineWidth: function(nValue,fromgrid)
        {
            this.options.penWidth = parseInt(nValue);
            this.rtChart.updateDataArea();
            if(!fromgrid)
                this.rtChart._updateList(this.rowId, "线宽", this.options.penWidth);
        },
        setPenColor:    function (rgba) {
            this.options.penColor = rgba;
            this.panPos = null;
            this.rtChart.UpdatePan(false);
            this.rtChart.updateDataArea();

            this.rtChart._updateList(this.rowId, "点名称", { uri: this.getURI(), color: this.getPenColor() });
        },
        drawPan:        function (bredraw, ctx, t, w) {
            var bReDaw = this.activeChanged || bredraw || ((t === this.panPos) ? false : true);
            var cleared = false;
            var dt = SPANPAD;
            var h = SPANLINEHEIGHT;
            if (bReDaw) {
                this.activeChanged = false;
                this.panPos = t;
                ctx.clearRect(1, 0, w - 2, this.getPanHeight());
                cleared = true;
                ctx.translate(0.5, 0.5);
                ctx.lineWidth = 1;
                ctx.beginPath();
                ctx.strokeStyle = "rgb(30,30,30)";
                ctx.moveTo(1, 1)
                ctx.lineTo(w - 2, 1);
                ctx.stroke();
                ctx.beginPath();
                ctx.strokeStyle = "rgb(220,220,220)";
                ctx.moveTo(1, 2)
                ctx.lineTo(w - 2, 2);
                ctx.stroke();

                ctx.beginPath();
                ctx.fillStyle = this.options.penColor;
                ctx.strokeStyle = this.options.penColor;
                ctx.rect(6.5, 9.5, 8, 8);
                ctx.fill();
                ctx.textAlign = "left";
                ctx.fillText(this.getLabel(), 18, dt, w - 12);

                if (this.bActive) {
                    ctx.rect(2, 3, w - 4, this.getPanHeight() - 4);
                    ctx.stroke();
                }

                var r = w - 10;
                ctx.beginPath();
                ctx.moveTo(r, 6)
                ctx.lineTo(r + 6, 12);
                ctx.moveTo(r + 6, 6)
                ctx.lineTo(r, 12);
                ctx.stroke();
            }

            var img = this.rtChart.getButtonImage();
            if (img && !img.complete)
                img = null;
            var likdarwed = false;
            dt += h;
            if ((bReDaw || this.linkChanged) && this.linkStatus != null) {
                this.linkChanged = false;
                if (!cleared)
                    ctx.clearRect(3, dt, w - 5, h);
                likdarwed = true;
                if (img) {
                    switch (this.linkStatus) {
                        case 'linking':
                            ctx.drawImage(img, 22, 0, 5, 6, 8, dt, 5, 6);
                            break;
                        case 'linked':
                            ctx.drawImage(img, 36, 0, 10, 7, 8, dt, 10, 7);
                            break;
                        case 'error':
                            ctx.drawImage(img, 27, 0, 5, 5, 8, dt, 5, 5);
                            break;
                        default:
                            ctx.drawImage(img, 32, 0, 4, 5, 8, dt, 4, 5);
                            break;
                    }
                }

                if (this.unit) {
                    ctx.fillStyle = this.options.penColor;
                    ctx.textAlign = "right";
                    ctx.textBaseline = "top";
                    ctx.fillText(this.unit, w - 2, dt, w - 50);
                }
            }

            if ((bReDaw || this.hisChanged || likdarwed) && this.hisGetStaus != null) {
                this.hisChanged = false;
                if (!likdarwed && !cleared)
                    ctx.clearRect(20, dt, 10, h);
                if (img) {
                    switch (this.hisGetStaus) {
                        case 'getting':
                            ctx.drawImage(img, 22, 0, 5, 6, 20, 23, 5, 6);
                            break;
                        case 'error':
                            ctx.drawImage(img, 27, 0, 5, 5, 20, 23, 5, 5);
                            break;
                        case 'linked':
                            ctx.drawImage(img, 22, 6, 8, 5, 20, 24, 8, 5);
                            break;
                        case "nodata":
                        case "wait":
                            ctx.drawImage(img, 46, 0, 10, 10, 20, 23, 10, 10);
                            break;
                        default:
                            ctx.drawImage(img, 32, 0, 4, 5, 20, 23, 4, 5);
                            break;
                    }
                }
            }
            dt += h;
            if (bReDaw || this.vqtChanged) {
                this.vqtChanged = false;
                if (!cleared)
                    ctx.clearRect(3, dt, w - 5, h);
                if (this.vqt) {
                    ctx.fillStyle = this.options.penColor;
                    ctx.textAlign = "left";
                    ctx.textBaseline = "top";
                    ctx.fillText("实时", 5, dt, 30);

                    if (this.vqt.isBad())
                        ctx.fillStyle = "rgb(200,0,0)";
                    else if (this.vqt.isUncertain())
                        ctx.fillStyle = "rgb(160,150,0)";
                    ctx.textAlign = "right";
                    if (this.vqt.value != null)
                        ctx.fillText((this.vqt.isFloat() ? this.vqt.value.toFixed(this.options.Num) : this.vqt.value), w - 3, dt, w - 30);
                    else if (this.vqt.isBad())
                        ctx.fillText("####", w - 3, dt, w - 30);
                    else if (this.vqt.isUncertain())
                        ctx.fillText("????", w - 3, dt, w - 30);
                }
            }
            if (this.vqt)
                dt += h;

            if (bReDaw || this.avgChanged) {
                this.avgChanged = false;
                if (!cleared)
                    ctx.clearRect(3, dt, w - 5, h);
                if (this.avg != null) {
                    ctx.fillStyle = this.options.penColor;
                    ctx.textAlign = "left";
                    ctx.textBaseline = "top";
                    ctx.fillText("平均", 5, dt, 30);

                    ctx.textAlign = "right";
                    ctx.fillText(this.avg.toFixed(this.options.Num), w - 3, dt, w - 30);
                }
            }
            if (this.avg != null)
                dt += h;

            if (bReDaw || this.minChanged) {
                this.minChanged = false;
                if (!cleared)
                    ctx.clearRect(3, dt, w - 5, h);
                if (this.minVqt) {
                    ctx.fillStyle = this.options.penColor;
                    ctx.textAlign = "left";
                    ctx.textBaseline = "top";
                    ctx.fillText("最小", 5, dt, 30);

                    if (!this.isGood(this.minVqt)) {
                        ctx.fillStyle = "rgb(120,0,0)";
                    }
                    ctx.textAlign = "right";
                    if (this.minVqt.Value != null)
                        ctx.fillText((this.isFloat(this.minVqt) ? this.minVqt.Value.toFixed(this.options.Num) : this.minVqt.Value), w - 3, dt, w - 30);
                    else if (!this.isGood(this.minVqt))
                        ctx.fillText("####", w - 3, dt, w - 30);
                }
            }
            if (this.minVqt)
                dt += h;

            if (bReDaw || this.maxChanged) {
                this.maxChanged = false;
                if (!cleared)
                    ctx.clearRect(3, dt, w - 5, h);
                if (this.maxVqt) {
                    ctx.fillStyle = this.options.penColor;
                    ctx.textAlign = "left";
                    ctx.textBaseline = "top";
                    ctx.fillText("最大", 5, dt, 30);

                    if (!this.isGood(this.maxVqt)) {
                        ctx.fillStyle = "rgb(120,0,0)";
                    }
                    ctx.textAlign = "right";
                    if (this.maxVqt.Value != null)
                        ctx.fillText((this.isFloat(this.maxVqt) ? this.maxVqt.Value.toFixed(this.options.Num) : this.maxVqt.Value), w - 3, dt, w - 30);
                    else if (!this.isGood(this.maxVqt))
                        ctx.fillText("####", w - 3, dt, w - 30);
                }
            }
        },

        setLinkStatus:  function (status, info, nodelay) {
            if (!this.rtChart)
                return;
            if (status == "linking")
                this.linkTime = new Date();
            else if (this.linkStatus == "linking" && !(nodelay === true)) {
                var self = this;
                if (this.linkingTime)
                    window.clearTimeout(this.linkingTime);
                this.linkingTime = window.setTimeout(function () {
                    window.clearTimeout(self.linkingTime);
                    self.linkingTime = null;
                    self.setLinkStatus(status, info, true);
                    self = null;
                }, 100);
                return;
            }
            if (this.linkStatus != status || this.linkInfo != info) {
                this.linkStatus = status;
                this.linkInfo = info;
                if (this.linkStatus == "error" && this.linkInfo && this.linkInfo.lastIndexOf("E_AUTHENERR") >= 0) {
                    this.requestLogin = true;
                    this.rtChart.requestLogin();
                }
                else if (this.linkStatus != 'linking')
                    this.requestLogin = false;

                this.linkChanged = true;
                this.rtChart.UpdateDataPan(false);
                if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "linkStatus" && !(this.requestLogin === true))
                    this.rtChart.UpdateTooltip(this.getLinkStatus());
            }
        },
        getLinkStatus:  function () {
            var st;
            switch (this.linkStatus) {
                case "linking":
                    st = '<span style="color:#00BFFF">正在连接...</span>';
                    break;
                case "error":
                    st = '<span style="color:#DF0101">连接故障!</span>';
                    break;
                case "linked":
                    st = '<span style="color:#00aa00">已连接</span>';
                    break;
                default:
                    st = '<span style="color:#DF0101">状态码未知!</span>';
            }

            if (this.linkInfo) {
                st += "<br>";
                st += this.linkInfo;
            }
            return st;
        },

        resetAxisDrawed:    function ()
        {
            this.axisDrawed = false;
            this.axisBeg = null;
            this.axisEnd = null;
        },
        setAxisDrawed: function (calls) {


            this.axisDrawed = true;
            if (this.commAxis && this.commAxis.length) {
                if (calls == null)
                    calls = [];
                calls.push(this);

                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    var seted = false;
                    for (var k in calls) {
                        if (calls[k] == pen) {
                            seted = true;
                            break;
                        }
                    }
                    if (!seted)
                        pen.setAxisDrawed(calls);
                }
            }
        },
        drawAxis:           function (begX, h, ctx)
        {
            if (this.axisDrawed || !this.options.drawLine)
                return 0;
            var maxW = 30;
            ctx.beginPath();
            if (this == this.rtChart.getActivePen())
                ctx.strokeStyle = this.getPenColor();
            else if (this.commAxis && this.commAxis.length) {
                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    if (pen == this.rtChart.getActivePen()) {
                        ctx.strokeStyle = pen.getPenColor();
                        break;
                    }
                }
            }
            if ((this.minVqt && this.isBoolen(this.minVqt)) || (this.maxVqt && this.isBoolen(this.maxVqt))) {
                var t = this.getY(1);
                if (t == null)
                    return 0;
                var b = this.getY(0);

                ctx.moveTo(begX, t);
                ctx.lineTo(begX, b);

                ctx.moveTo(begX, t);
                ctx.lineTo(begX + 3, t);
                ctx.textBaseline = "top";
                ctx.fillText("1", begX+ 2,t);

                ctx.moveTo(begX, b);
                ctx.lineTo(begX + 3, b);
                ctx.textBaseline = "bottom";
                ctx.fillText("0", begX + 2, b);

                ctx.stroke();
                maxW -= 22;
            }
            else {

                if (this.rageMax == null || this.rageMin == null || this.rageMax == this.rageMin )
                    return 0;
                var r = Math.abs(this.rageMax - this.rageMin)/20;
                var Num =0;
                if (r < 1) {
                    r = 1.0 / r;
                    Num  = Math.ceil(this.log10(r));
                }

                ctx.moveTo(begX, 0);
                ctx.lineTo(begX, h);

                ctx.moveTo(begX - 2, 0)
                ctx.lineTo(begX + 2, 0);
                ctx.textBaseline = "top";
                var str = this.rageMax.toFixed(Num).toString();
                if(str.length > 5)
                {
                    var d = (str.length - 5) * 5;
                    if(d > 20)
                        d = 20;
                    maxW += d;
                }
                ctx.fillText(str, begX + 2, -2, maxW - 2);

                ctx.moveTo(begX - 2, h)
                ctx.lineTo(begX + 2, h);
                ctx.textBaseline = "middle";
                ctx.fillText(this.rageMin.toFixed(Num), begX + 2, h, maxW - 2);

                ctx.textBaseline = "middle";
                var y = h / 20.0;
                for (var i = 1; i < 20; i++) {
                    var iy = Math.floor(y);
                    ctx.moveTo(begX - 2, iy)
                    ctx.lineTo(begX + 1, iy);

                    ctx.fillText((this.rageMax - i * (this.rageMax - this.rageMin) / 20).toFixed(Num), begX + 3, iy, maxW - 2);

                    y += h / 20.0;
                }
                ctx.stroke();
            }

            var x = begX;
            var y;
            if ((this.minVqt && this.isBoolen(this.minVqt)) || (this.maxVqt && this.isBoolen(this.maxVqt)))
                y  = this.getY(0) + 6;
            else
                y  = h + 6;
            ctx.beginPath();
            ctx.fillStyle = this.getPenColor();
            ctx.rect(x, y, 5,5);
            ctx.fill();
            x += 7;
            if (x + 5 > begX + maxW) {
                x = begX;
                y += 7;
            }
            this.setAxisDrawed();

            if (this.commAxis && this.commAxis.length) {
                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    ctx.beginPath();
                    ctx.fillStyle = pen.getPenColor();
                    ctx.rect(x, y, 5, 5);
                    ctx.fill();
                    x += 7;
                    if (x + 5 > begX + maxW) {
                        x = begX;
                        y += 7;
                    }
                }
            }
            this.axisBeg = begX;
            this.axisEnd = begX + maxW;
            return maxW;
        },
        removeCommAxis:     function(pen)
        {
            if (this.commAxis) {
                var len = this.commAxis.length;
                for (var i = 0; i < len; i++) {
                    if (this.commAxis[i] == pen) {
                        this.commAxis.splice(i, 1);
                        break;
                    }
                }
            }
        },
        addCommAxis:        function(pen)
        {
            var oldComm     = this.commAxis;
            this.commAxis   = null;
            if (oldComm) {
                for (var i = 0; i < oldComm.length; i++)
                    oldComm[i].removeCommAxis(this);
            }

            this.setRange(pen.rageMin, pen.rageMax);

            this.commAxis = [];
            this.commAxis.push(pen);
        },
        onCommAxisSet:      function(arr)
        {
            var newComm = null;
            for (var i = 0; i < arr.length; i++) {
                var ind = arr[i];
                var pen = this.rtChart.trendPens[ind];
                if (pen && pen != this) {
                    if (newComm == null)
                        newComm = [];
                    newComm.push(pen);
                }
            }
            var oldComm = this.commAxis;
            this.commAxis = null;

            if (oldComm) {
                for (var i = 0; i < oldComm.length; i++) {
                    var pen = oldComm[i];
                    pen.removeCommAxis(this);
                }
            }
            if (newComm) {
                for (var i = 0; i < newComm.length; i++)
                    newComm[i].addCommAxis(this);
            }

            this.commAxis = newComm;
            this.rtChart.UpdateAxisPan(true);
        },
        onSetCommAxis:      function(e)
        {
            this.rtChart.requestActive(this);
            var pen = this;
            var content = '<form action="" method="get" style="line-height:26px;width:100%">选择共轴位号:';
            var bIsBool = false;
            if(this.minVqt && this.isBoolen(this.minVqt))
                bIsBool = true;
            else if(this.maxVqt && this.isBoolen(this.maxVqt))
                bIsBool = true;
            var pens = this.rtChart.trendPens;
            for(var i = 0;i < pens.length;i++)
            {
                var pen = pens[i];
                if (pen == this)
                    content += '<br><label ' + (pen.getDes() ? ('title="' + pen.getDes() + ' (*)"') : 'title="(*)"') + ' style="color:' + pen.getPenColor() + '"><input type="checkbox" disabled="true"  checked="checked" value="' + i + '"/>' + pen.getLabel() + '</label>';
                else {
                    var bIsComm = false;
                    if (this.commAxis && this.commAxis.length) {
                        for (var k = 0; k < this.commAxis.length; k++) {
                            if (this.commAxis[k] == pen) {
                                bIsComm = true;
                                break;
                            }
                        }
                    }
                    if (bIsComm) {
                        content += '<br><label ' + (pen.getDes() ? ('title="' + pen.getDes() + '"') : '') + ' style="color:' + pen.getPenColor() + '"><input type="checkbox" checked="checked" value="' + i + '"/>' + pen.getLabel() + '</label>';
                    }
                    else {
                        var bpenIsBool = false;
                        if (pen.minVqt && pen.isBoolen( pen.minVqt))
                            bpenIsBool = true;
                        else if (pen.maxVqt && pen.isBoolen(pen.maxVqt))
                            bpenIsBool = true;
                        if (bpenIsBool == bIsBool) {
                            content += '<br><label ' + (pen.getDes() ? ('title="' + pen.getDes() + '"') : '') + ' style="color:' + pen.getPenColor() + '"><input type="checkbox" value="' + i + '"/>' + pen.getLabel() + '</label>';
                        }
                    }
                }
            }
            content += '</form>';

            var pen = this;
            var d = dialog(
                {
                    title: '设置 ' + this.getLabel() + ' 的共轴显示',
                    quickClose: true,
                    content: content,
                    padding: 10,

                    okValue: '确定',
                    ok: function () {
                        var arr = [];
                        var sel = $('input[type=checkbox]', this.__popup);
                        for (var i = 0; i < sel.length ; i++) {
                            if(sel[i].checked)
                                arr.push(parseInt(sel[i].value));
                        }
                        pen.onCommAxisSet(arr);
                        pen = null;
                        d.close().remove();
                        d = null;
                    }
                });

            e.pageX += 10;
            e.pageY -= 30;
            d.show(e);
        },
        getCommGroup:       function(penGroup)
        {
            penGroup.push(this);
            if (this.commAxis && this.commAxis.length) {
                for (var i = 0; i < this.commAxis.length; i++) {
                    var pen = this.commAxis[i];
                    var find = false;
                    for (var k in penGroup) {
                        if (penGroup[k] == pen) {
                            find = true;
                            break;
                        }
                    }
                    if (!find)
                        pen.getCommGroup(penGroup);
                }
            }
        },
        setHisStatus:       function (status, info, nodelay) {
            if (!this.rtChart)
                return;
            if (status == "getting")
                this.hisTime = new Date();
            else if (this.hisGetStaus == "getting" && !(nodelay === true)) {
                var self = this;
                if (this.hisingTime)
                    window.clearTimeout(this.hisingTime);
                this.hisingTime = window.setTimeout(function () {
                    window.clearTimeout(self.hisingTime);
                    self.hisingTime = null;
                    self.setHisStatus(status, info, true);
                    self = null;
                }, 100);
                return;
            }
            if (this.hisGetStaus != status || this.hisInfo != info) {
                this.hisGetStaus = status;
                this.hisInfo = info;

                this.hisChanged = true;
                this.rtChart.UpdateDataPan(false);
                if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "hisStatus" && !(this.requestLogin === true))
                    this.rtChart.UpdateTooltip(this.getHisStatus());
            }
        },
        getHisStatus:       function () {
            var st;
            switch (this.hisGetStaus) {
                case "getting":
                    st = '<span style="color:#00BFFF">正在获取...</span>';
                    break;
                case "wait":
                    st = '<span style="color:#00BFFF">正在等待...</span>';
                    break;
                case "error":
                    st = '<span style="color:#DF0101">连接故障!</span>';
                    break;
                case "linked":
                    st = '<span style="color:#00aa00">已获得历史数据</span>';
                    break;
                case "nodata":
                    st = '<span style="color:#003366">无历史数据</span>';
                    break;
                default:
                    st = '<span style="color:#DF0101">状态码未知!</span>';
            }

            if (this.hisInfo) {
                st += "<br>";
                st += this.hisInfo;
            }
            return st;
        },
        getpreventTooltipUpdate: function () {
            return this.preventTooltipUpdate;
        },
        onTooltipShowed:    function () {
            this.showTolltip = true;
        },
        onTooltipHided:     function () {
            this.showTolltip = false;
            this.preventTooltipUpdate = false;
            this.toolTipAt = null;
        },
        isActive:           function()
        {
            return this.bActive;
        },
        setActive:          function (bActive) {
            if (this.bActive == bActive || !this.rtChart)
                return;
            this.bActive = bActive;
            this.activeChanged = true;
            this.rtChart.UpdatePan(false);
        },
        activePen:          function () {
            var nowActived  = this.rtChart.getActivePen() == this;
            if (nowActived)
                this.bActive = true;
            else
                this.rtChart.requestActive(this);
        },
        onMouseMove:        function (x, y, e, clientX, clientY, panH) {
            var w = this.rtChart.getPanWidth();
            var ta = (clientY > panH / 2) ? 'top right' : 'bottom right';
            var ty = e.pageY + ((clientY > panH / 2) ? -8 : 8);
            var t = SPANPAD;
            var h = SPANLINEHEIGHT;
            if (y >= 0 && y < t + h) {
                if (x < 20) {
                    var opt =
                    {
                        content: "点击设置趋势笔颜色",
                        align: ta,
                        skin: 'tooltipTans',
                        x: e.pageX + 10,
                        y: ty
                    }
                    this.toolTipAt = null;
                    this.rtChart.showTooltip(opt, this);
                    this.rtChart.setCursor("pointer");
                    return true;
                }
                else if (x < w - 10) {
                    if (this.rtChart && this.rtChart.getLoginPen && this.rtChart.getLoginPen() != this) {
                        var opt =
                        {
                            title: this.getLabel(),
                            content: "<b>存取路径：</b><br>" + this.getURI() + (this.des && this.des.length ? ("<br><b>描    述：</b><br>" + this.des) : "") + "<br><b>Web服务：</b><br>" + this.getWebURL(),
                            skin: 'tooltipTans',
                            align: ta,
                            x: e.pageX + 20,
                            y: ty
                        }
                        this.toolTipAt = null;
                        this.rtChart.showTooltip(opt, this, e);

                        this.rtChart.setCursor("pointer");
                        return true;
                    }
                }
                else {
                    var opt =
                    {
                        content: "单击移除趋势笔",
                        skin: 'tooltipTans',
                        align: ta,
                        x: e.pageX,
                        y: ty
                    }
                    this.toolTipAt = null;
                    this.rtChart.showTooltip(opt, this);

                    this.rtChart.setCursor("pointer");
                    return true;
                }
            }
            else if (y >= t + h && y < t + 2 * h) {
                if (x >= 0 && x < 18) {
                    var st;
                    var bHook = false;
                    if (this.requestLogin === true) {
                        st = '实时信息网站：<br><span style="color:#00BFFF">' + this.getWebURL() + "</span><br>需要登录，点击<a href='Javascript: void(0)'>这里</a>进行操作";
                        this.preventTooltipUpdate = true;
                        bHook = true;
                    }
                    else {
                        st = this.getLinkStatus();
                        this.preventTooltipUpdate = false;
                    }

                    var opt =
                    {
                        title: '连接状态',
                        content: st,
                        skin: 'tooltipTans',
                        align: ta,
                        x: e.pageX + 20,
                        y: ty
                    }
                    if (bHook) {
                        var trendPen = this;
                        var showed = false;
                        opt.onshow = function () {
                            if (showed === false) {
                                showed = true;
                                $('a', this.__popup).click(function () {
                                    $(this).unbind('click');
                                    trendPen.rtChart.requestLogin();
                                    trendPen = null;
                                });
                            }
                        };
                    }
                    else
                        opt.width = 180;
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "linkStatus";
                }
                else if (x >= 20 && x < 30 && this.hisGetStaus != null) {
                    var opt =
                    {
                        title: '历史数据获取状态',
                        content: this.getHisStatus(),
                        skin: 'tooltipTans',
                        width: 180,
                        align: ta,
                        x: e.pageX + 20,
                        y: ty
                    }
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "hisStatus";
                }
                else if (x > w - 22) {
                    if (this.unit) {

                        var opt =
                        {
                            content: '工程单位:' + this.unit,
                            skin: 'tooltipTans',
                            align: ta,
                            x: e.pageX + 10,
                            y: ty
                        }
                        this.rtChart.showTooltip(opt, this);
                        this.toolTipAt = null;
                    }
                }
            }
            else if (y >= t + 2 * h && y < t + 3 * h) {
                if (this.vqt) {
                    var opt =
                    {
                        title: this.getLabel() + ' 的实时数据',
                        content: this.getVQTTooltip(),
                        align: ta,
                        skin: 'tooltipTans',
                        width: 250,
                        x: e.pageX + 10,
                        y: ty
                    }
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "vqt";
                }
            }
            else if (y >= t + 3 * h && y < t + 4 * h) {
                if (this.avg != null) {
                    var opt =
                    {
                        title: this.getLabel() + ' 的平均值（中值）',
                        content: this.getAVGTooltip(),
                        align: ta,
                        skin: 'tooltipTans',
                        width: 250,
                        x: e.pageX + 10,
                        y: ty
                    }
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "avg";
                }
            }
            else if (y >= t + 4 * h && y < t + 5 * h) {
                if (this.minVqt != null) {
                    var opt =
                    {
                        title: this.getLabel() + ' 的最小值',
                        content: this.getMinVQTTooltip(),
                        align: ta,
                        skin: 'tooltipTans',
                        width: 250,
                        height: 90,
                        x: e.pageX + 10,
                        y: ty
                    }
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "minVQT";

                    this.rtChart.setCursor("pointer");
                    return true;
                }
            }
            else if (y >= t + 5 * h && y < t + 6 * h) {
                if (this.maxVqt != null) {
                    var opt =
                    {
                        title: this.getLabel() + ' 的最大值',
                        content: this.getMaxVQTTooltip(),
                        align: ta,
                        skin: 'tooltipTans',
                        width: 250,
                        height: 90,
                        x: e.pageX + 10,
                        y: ty
                    }
                    this.rtChart.showTooltip(opt, this);
                    this.toolTipAt = "maxVQT";

                    this.rtChart.setCursor("pointer");
                    return true;
                }
            }
        },
        onClick:            function (x, y, e) {
            var w = this.rtChart.getPanWidth();
            var t = SPANPAD;
            var h = SPANLINEHEIGHT;
            if (x > 20 && x < w - 10 && this.requestLogin !== true && !this.bActive) {
                this.rtChart.requestActive(this);
                return;
            }
            if (y >= 0 && y < t + h) {
                if (x < 20) {
                    this.rtChart.setPenColor(this, e);
                }
                else if (x < w - 10) {
                    if (this.requestLogin === true) {
                        this.rtChart.requestLogin();
                    }
                    else {
                        if (this.bActive)
                            this.rtChart.requestActive(null);
                        else
                            this.rtChart.requestActive(this);
                    }
                }
                else
                    this.rtChart.removePen(this);
            }
            else if (y >= t + 4 * h && y < t + 5 * h)
                this.posVQT("min");
            else if (y >= t + 5 * h && y < t + 6 * h)
                this.posVQT("max");
        },
        onLinkTab: function (data) {
            if (!data || !data.length || !this.rtChart)
                return;
            var base = data[0].BasePointInfo;
            if (base && base.Unit)
                this.unit = base.Unit;
            if (base && base.Desc)
                this.setDes(base.Desc);
            this.rtRefreshKey = this.rtChart.RegistRtPt(this, this.getURI(), this.onRtRefresh);
            if (!this.rtRefreshKey)
                this.setLinkStatus("error", "实时刷新注册失败！");

            if (!this.rtChart.requestHisData(this))
                this.setHisStatus("error", "历史数据查询请求失败！");
        },
        setRtVQT:           function (vqt) {
            if (!this.rtChart)
                return;
            var bReDraw = (this.vqt && !vqt) || (!this.vqt && vqt);
            this.vqt = vqt;
            this.vqtChanged = true;
            if(this.rowId)
                this.rtChart._updateList(this.rowId, "实时值", this.getVQTList());
            this.rtChart.UpdateDataPan(bReDraw);
            if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "vqt")
                this.rtChart.UpdateTooltip(this.getVQTTooltip());
        },

        getVQTList:         function ()
        {
            if (!this.vqt) {
                return { title: "尚未获取实时值", color: "rgb(160,0,0)", value: "[!!尚未获取实时值]" };
            }
            else {
                var vqt = {};
                vqt.title = "质量码：" + this.vqt.getQuaStr() + "\n" + "时间戳：" + this.vqt.getFullStampTimeStr();
                if (this.vqt.isGood())
                    vqt.color = "rgb(0,30,0)";
                else if (this.vqt.isUncertain())
                    vqt.color = "rgb(100,100,0)";
                else
                    vqt.color = "rgb(180,0,0)";

                vqt.value = (this.vqt.isFloat() ? this.vqt.value.toFixed(this.options.Num) : this.vqt.value);
                if (this.unit && this.unit.length) {
                    vqt.unit = this.unit;
                }
                vqt.numberVal = this.vqt.GetNumber();
                return vqt;
            }
        },
        getMaxVQTList:      function () {
            if (!this.maxVqt) {
                return { title: "尚未获得最大值", color: "rgb(160,0,0)", value: "[!!尚未获得最大值]" };
            }
            else {
                var vqt = {};
                vqt.tip = "max";
                vqt.title = "质量码：" + this.getQuaStr(this.maxVqt) + "\n" + "时间戳：" + this.getFullStampTimeStr(this.maxVqt);
                if (this.isGood(this.maxVqt))
                    vqt.color = "rgb(0,80,0)";
                else if (this.isUncertain(this.maxVqt))
                    vqt.color = "rgb(100,100,0)";
                else
                    vqt.color = "rgb(180,0,0)";
                vqt.value = (this.isFloat(this.maxVqt) ? this.maxVqt.Value.toFixed(this.options.Num) : this.maxVqt.Value);
                if (this.unit && this.unit.length) {
                    vqt.unit = this.unit;
                }
                return vqt;
            }
        },
        getMinVQTList:      function () {
            if (!this.minVqt) {
                return { title: "尚未获得最小值", color: "rgb(160,0,0)", value: "[!!尚未获得最小值]" };
            }
            else {
                var vqt = {};
                vqt.tip = "min";
                vqt.title = "质量码：" + this.getQuaStr(this.minVqt) + "\n" + "时间戳：" + this.getFullStampTimeStr(this.minVqt);
                if (this.isGood(this.minVqt))
                    vqt.color = "rgb(0,80,0)";
                else if (this.isUncertain(this.minVqt))
                    vqt.color = "rgb(100,100,0)";
                else
                    vqt.color = "rgb(180,0,0)";
                vqt.value = (this.isFloat(this.minVqt) ? this.minVqt.Value.toFixed(this.options.Num) : this.minVqt.Value);
                if (this.unit && this.unit.length) {
                    vqt.unit = this.unit;
                }
                return vqt;
            }
        },

        getVQTTooltip:      function () {
            if (!this.vqt)
                return null;
            var tip = '<div class="'
            if (this.vqt.isGood())
                tip += 'tooltpgoodval">';
            else
                tip += 'tooltpbadval">';
            tip += '<span class="tooltiplabel">实时值：</span>';
            if (this.vqt.value != null) {
                tip += (this.vqt.isFloat() ? this.vqt.value.toFixed(this.options.Num) : this.vqt.value);
                if (this.unit && this.unit.length) {
                    tip += " " + this.unit;
                }
            }
            tip += '</div>';
            if (this.vqt.isGood())
                tip += '<div  class="tooltipQGood">';
            else
                tip += '<div  class="tooltipQBad">';
            tip += '<span class="tooltiplabel">质量码：</span>';
            tip += this.vqt.getQuaStr();
            tip += '</div>';
            tip += '<div  class="tooltipT">';
            tip += '<span class="tooltiplabel">时间戳：</span>';
            tip += this.vqt.getFullStampTimeStr();
            tip += '</div>';
            tip += '</div>';
            return tip;
        },
        getAVGTooltip:      function () {
            if (this.avg == null)
                return null;
            var tip = '<div class="tooltpgoodval">'
            tip += '<span class="tooltiplabel">平均值：</span>';
            tip += (Math.floor(this.avg) != this.avg ? this.avg.toFixed(this.options.Num) : this.avg);
            if (this.unit && this.unit.length) {
                tip += " " + this.unit;
            }
            tip += '</div>';

            return tip
        },
        getAVGList:         function()
        {
            var avg = {};
            if (this.avg != null) {
                avg.value = (Math.floor(this.avg) != this.avg ? this.avg.toFixed(this.options.Num) : this.avg);
                if (this.unit && this.unit.length) {
                    avg.unit = this.unit;
                }
            }
            return avg;
        },
        getMinVQTTooltip:   function () {
            if (!this.minVqt)
                return null;
            var tip = '<div class="'
            if (this.isGood(this.minVqt))
                tip += 'tooltpgoodval">';
            else
                tip += 'tooltpbadval">';
            tip += '<span class="tooltiplabel">最小值：</span>';
            if (this.minVqt.Value != null) {
                tip += (this.isFloat(this.minVqt) ? this.minVqt.Value.toFixed(this.options.Num) : this.minVqt.Value);
                if (this.unit && this.unit.length) {
                    tip += " " + this.unit;
                }
            }
            tip += '</div>';
            if (this.isGood(this.minVqt))
                tip += '<div  class="tooltipQGood">';
            else
                tip += '<div  class="tooltipQBad">';
            tip += '<span class="tooltiplabel">质量码：</span>';
            tip += this.getQuaStr(this.minVqt);
            tip += '</div>';
            tip += '<div  class="tooltipT">';
            tip += '<span class="tooltiplabel">时间戳：</span>';
            tip += this.getFullStampTimeStr(this.minVqt);
            tip += '</div>';

            tip += '<div  class="tooltipT">';
            tip += '点击可定位最小值';

            tip += '</div>';
            tip += '</div>';
            return tip;
        },
        getMaxVQTTooltip:   function () {
            if (!this.maxVqt)
                return null;
            var tip = '<div class="'
            if (this.isGood(this.maxVqt))
                tip += 'tooltpgoodval">';
            else
                tip += 'tooltpbadval">';
            tip += '<span class="tooltiplabel">最大值：</span>';
            if (this.maxVqt.Value != null) {
                tip += (this.isFloat(this.maxVqt) ? this.maxVqt.Value.toFixed(this.options.Num) : this.maxVqt.Value);
                if (this.unit && this.unit.length) {
                    tip += " " + this.unit;
                }
            }
            tip += '</div>';
            if (this.isGood(this.maxVqt))
                tip += '<div  class="tooltipQGood">';
            else
                tip += '<div  class="tooltipQBad">';
            tip += '<span class="tooltiplabel">质量码：</span>';
            tip += this.getQuaStr(this.maxVqt);
            tip += '</div>';
            tip += '<div  class="tooltipT">';
            tip += '<span class="tooltiplabel">时间戳：</span>';
            tip += this.getFullStampTimeStr(this.maxVqt);
            tip += '</div>';

            tip += '<div  class="tooltipT">';
            tip += '<span class="tooltiplabel">点击可定位最大值</span>';

            tip += '</div>';
            tip += '</div>';
            return tip;
        },
        posVQT:             function(tip)
        {
            switch (tip) {
                case 'max':
                    if (this.maxVqt != null)
                        this.rtChart.posvIndicator(this.maxVqt.StampTime);
                    break;
                case 'min':
                    if (this.minVqt != null)
                        this.rtChart.posvIndicator(this.minVqt.StampTime);
                    break;
            }
        },
        getValueTooltipAtTime: function (ft) {
            var vqt = null;
            var prev = null;
            var next = null;
            if (this.hisData) {
                var len = this.hisData.length;
                for (var i = 0; i < len; i++) {
                    var findVQT = this.hisData[i];
                    if (findVQT.StampTime == ft) {
                        vqt = findVQT;
                        break;
                    }
                    else if (findVQT.StampTime > ft) {
                        if (prev) {
                            vqt = prev;
                            next = findVQT;
                        }
                        else
                            vqt = findVQT;
                        break;
                    }
                    else
                        prev = findVQT;
                }
            }

            var tip = '<div class="';
            if (vqt) {
                if (this.isGood(vqt))
                    tip += 'tooltpgoodval" ';
                else
                    tip += 'tooltpbadval" ';
                tip += 'title="质量码：' + this.getQuaStr(vqt) + '" ';

                tip += 'style="color:';
                tip += this.getPenColor();
                tip += '">';
            }
            else {
                tip += 'tooltpnoval" ';
                tip += 'style="color:';
                tip += this.getPenColor();
                tip += '">';
                tip += '[!!无历史数据]';
            }

            tip += '<span class="tooltiplabel"';
            tip += 'style="color:';
            tip += this.getPenColor();
            tip += '">';
            tip += this.getLabel();
            tip += '</span>';
            if (vqt) {
                if (vqt.Value != null) {
                    if (next && next.StampTime > vqt.StampTime && next.Value != null) {
                        if (this.isString(vqt))
                            tip += (vqt.Value ? vqt.Value : "");
                        else if (this.isBoolen(vqt)) {
                            if (vqt.Value)
                                tip += "1";
                            else
                                tip += "0";
                        }
                        else {
                            var inter = vqt.Value + (next.Value - vqt.Value) * (ft - vqt.StampTime) / (next.StampTime - vqt.StampTime);
                            tip += inter.toFixed(this.options.Num);
                        }
                    }
                    else {
                        tip += '<span class="tooltipvalstamp">';
                        tip += this.getStampTimeStr(vqt);
                        tip += '</span>';
                        if (this.isString(vqt))
                            tip += (vqt.Value ? vqt.Value : "");
                        else if (this.isBoolen(vqt)) {
                            if (vqt.Value)
                                tip += "1";
                            else
                                tip += "0";
                        }
                        else
                            tip += (this.isFloat(vqt) ? vqt.Value.toFixed(this.options.Num) : vqt.Value);
                    }
                    if (this.unit && this.unit.length)
                        tip += " " + this.unit;
                }
                else {
                    tip += '<span class="tooltipvalstamp">';
                    tip += this.getStampTimeStr(vqt);
                    tip += '</span>';

                    tip += '[!!空值]';
                }
            }
            tip += '</div>';
            return tip;
        },
        getValueLine:       function(iy)
        {
            var tip = '<div class="valine">';
            tip += '<span class="tooltiplabel"';
            tip += 'style="color:';
            tip += this.getPenColor();
            tip += '">';
            tip += this.getLabel();
            tip += '</span>';
            var val = this.getVal(iy);
            if (val == null) {
                tip += '</div>';
                return tip;
            }

            val = val.toFixed(this.options.Num)
            tip += val;
            if (this.unit && this.unit.length)
                tip += " " + this.unit;
            tip += '</div>';
            return tip;

        },
        _setListRowId:      function (rowId)
        {
            this.rowId = rowId;
            this.updateListGrid();
        },
        setDisplay:         function(drawLine, updateList)
        {
            if (this.options.drawLine === drawLine)
                return;
            this.options.drawLine = drawLine;
            if (!this.options.drawLine) {
                if (this.rtChart.activePen == this)
                    this.rtChart.requestActive(null);
            }
            if(updateList !== false)
                this.rtChart._updateList(this.rowId, "显示", this.options.drawLine);
            this.rtChart.updateDataArea();
            this.rtChart.UpdateAxisPan(true);
        },
        setStepLine:        function(stepline, updateList,force)
        {
            if (this.options.stepLine === stepline)
                return;
            if (!force && stepline === false)
            {
                var type = null;
                if ((this.minVqt && this.isString(this.minVqt)) || (this.maxVqt && this.isString(this.maxVqt))) {
                    type = "字符串";
                }
                else if ((this.minVqt && this.isBoolen(this.minVqt)) || (this.maxVqt && this.isBoolen(this.maxVqt))) {
                    type = "开关量";
                }
                if (type != null) {
                    var pen = this;
                    var d = dialog({
                        title: '设置阶跃绘制',
                        content: '点：' + this.getLabel() + " 的数据类型为：" + type + ",<br>不适合采用非阶跃的方式绘制趋势线,是否仍改变趋势线绘制方式?",
                        okValue: '确定',
                        ok: function () {
                            pen.setStepLine(stepline, updateList, true);
                            pen = null;
                            return true;
                        },
                        cancelValue: '取消',
                        cancel: function () {
                            pen.rtChart._updateList(pen.rowId, "阶跃", pen.options.stepLine == null ? false : pen.options.stepLine);
                        }
                    });
                    d.showModal();
                    return;
                }
            }

            this.options.stepLine = stepline;
            if (updateList !== false)
                this.rtChart._updateList(this.rowId, "阶跃", this.options.stepLine == null ? false : this.options.stepLine);
            this.rtChart.updateDataArea();
        },
        setDrawTag:         function(drawTag, updateList)
        {
            if (this.options.drawTag === drawTag)
                return;
            this.options.drawTag = drawTag;

            if (updateList !== false)
                this.rtChart._updateList(this.rowId, "标记", this.options.drawTag);
            this.rtChart.updateDataArea();
        },
        setInterpolate:     function(inter, updateList)
        {
            if (this.options.interpolate === inter)
                return;
            if (inter) {
                var type = null;
                if ((this.minVqt && this.isString(this.minVqt)) || (this.maxVqt && this.isString(this.maxVqt))) {
                    type = "字符串";
                }
                else if ((this.minVqt && this.isBoolen(this.minVqt)) || (this.maxVqt && this.isBoolen(this.maxVqt))) {
                    type = "开关量";
                }
                if (type != null) {
                    var pen = this;
                    var d = dialog({
                        title: '插值显示设置',
                        content: '点：' + this.getLabel() + " 的数据类型为：" + type + ",<br>不适合采用插值显示方式?"
                    });
                    d.show();
                    this.rtChart._updateList(pen.rowId, "插值", false);
                    window.setTimeout(function ()
                    {
                        d.close().remove();
                        d = null;
                    }, 2000);
                    return;
                }
            }
            this.options.interpolate = inter;
            if (updateList !== false)
                this.rtChart._updateList(this.rowId, "插值", this.options.interpolate);
            this.updateDataReader();
            this.rtChart._updatevIndicatorTooltip();
        },

        updateListGrid:     function ()
        {
            if(!this.rowId)
                return;
            this.rtChart._updateList(this.rowId, "点名称", { uri: this.getURI(), color: this.getPenColor() });
            this.rtChart._updateList(this.rowId, "线宽", this.options.penWidth);
            this.rtChart._updateList(this.rowId, "显示",      this.options.drawLine);
            this.rtChart._updateList(this.rowId, "阶跃",      this.options.stepLine == null ? false : this.options.stepLine);

            this.rtChart._updateList(this.rowId, "标记",      this.options.drawTag);
            this.rtChart._updateList(this.rowId, "插值",      this.options.interpolate);
            this.rtChart._updateList(this.rowId, "描述",      this.getDes());
            this.rtChart._updateList(this.rowId, "实时值",     this.getVQTList());
            this.rtChart._updateList(this.rowId, "最大值",     this.getMaxVQTList());
            this.rtChart._updateList(this.rowId, "最小值",     this.getMinVQTList());
            this.rtChart._updateList(this.rowId, "平均值",     this.getAVGList());

            this.rtChart._updateList(this.rowId, "量程锁定",    this.options.lockRange);
            this.updateRangeList();
            this.updateDataReader();
        },
        onRtRefresh:        function (status, data, opt) {
            switch (status) {
                case "getting":
                    this.setLinkStatus("linking", "正在获取实时数据...");
                    break;
                case "error":
                    this.setLinkStatus("error", "获取实时数据失败" + ((data && data.length) ? ("\n" + data) : ""));
                    if (this.vqt && this.vqt.isGood()) {
                        this.vqt.qua = 0x14;
                        this.vqt.errMess = data;
                        this.setRtVQT(this.vqt);
                    }
                    break;
                case "success":
                    this.setLinkStatus("linked", "已成功获取实时数据");
                    this.setRtVQT(data);
                    break;
            }
        },
        refreshHisData:     function (bClearData) {
            if (bClearData === true)
                delete this.hisData;
            else if (this.hisData) {
                var begTime = this.rtChart.getBegTime();
                var endTime = this.rtChart.getEndTime();

                if (this.getBegTime() <= begTime && this.getEndTime() >= endTime)
                    return;
                else if (!((this.getBegTime() <= begTime && this.getEndTime() <= endTime) ||
                    (this.getBegTime() >= begTime && this.getEndTime() >= endTime)))
                    delete this.hisData;
            }

            this.setHisStatus("wait", "正在等待查询启动");
            if (!this.rtChart.requestHisData(this))
                this.setHisStatus("error", "历史数据查询请求失败！");
        },
        getBegTime:         function () {
            if (this.hisData && this.hisData.length)
                return this.hisData[0].StampTime;
            else
                return null;
        },
        getEndTime:         function () {
            if (this.hisData && this.hisData.length)
                return this.hisData[this.hisData.length - 1].StampTime;
            else
                return null;
        },
        isHisRq: function () {

            if (!this.rtChart)
                return false;
            else if (this.options.itemDef!=null && this.options.itemDef.entityId!=null && this.options.itemDef.propId!=null)
                return true;

            else if (this.hisGetStaus == null)
                return true;
            else if (this.hisGetStaus == 'wait')
                return true;
            else if (this.hisGetStaus == 'error') {
                if (this.hisTime && (new Date() - this.hisTime > this.options.hisReTryTime))
                    return true;
                else
                    return false;
            }
            else if (this.hisGetStaus != 'getting') {
                if (this.rtChart.getHisRefreshing())
                    return true;
                else if (this.hisGetStaus == 'nodata')
                    return false;
                else if (!this.getEndTime())
                    return true;
                else if (this.getEndTime() < this.rtChart.getEndTime())
                    return true;
                else
                    return false;
            }
            else {
                if (this.linkTime && new Date() - this.hisTime > this.options.hisReTryTime)
                    return true;
                else
                    return false;
            }
        },
        getHisRequestTab:   function () {
            var tab = new GoldenRtWeb.Tab();
            tab.resultCode = 'S_RTREFRESHHISDATA';
            if (this.options.itemDef == null)
                this.options.itemDef = {};
            this.options.itemDef.dataMethod = 'HDBAGGREG_MAXMINMUM';
            var gw = this.rtChart.getGridWidth();

            var begTime = this.rtChart.getBegTime();
            var endTime = this.rtChart.getEndTime();
            if (this.rtChart.getHisRefreshing()) {
                if (this.getEndTime() != null && this.getEndTime() > begTime) {
                    this.options.itemDef.beginTime = this.getEndTime();
                    this.options.itemDef.endTime = null;
                }
                else {
                    this.options.itemDef.beginTime = begTime;
                    this.options.itemDef.endTime = null;
                }
                this.options.itemDef.slotTime = gw;
            }
            else if (this.getBegTime() != null && this.getBegTime() <= begTime && this.getEndTime() != null && this.getEndTime() <= endTime) {
                this.options.itemDef.beginTime = this.getEndTime();
                this.options.itemDef.endTime = endTime;

                this.options.itemDef.slotTime = gw * (this.options.itemDef.endTime - this.options.itemDef.beginTime) / this.rtChart.getTimeSpan() ;
            }
            else if (this.getBegTime() >= begTime && this.getEndTime() >= endTime) {
                this.options.itemDef.beginTime = begTime;
                this.options.itemDef.endTime = this.getBegTime();

                this.options.itemDef.slotTime = gw * (this.options.itemDef.endTime - this.options.itemDef.beginTime) / this.rtChart.getTimeSpan() ;
            }
            else {
                this.options.itemDef.beginTime = begTime;
                this.options.itemDef.endTime = endTime;
                this.options.itemDef.slotTime = gw;
            }

            /*Modify*/
            if (this.vqt) {
                if (this.options.itemDef.beginTime > this.vqt.StampTime)
                    this.options.itemDef.beginTime = this.vqt.StampTime;
                if (this.options.itemDef.endTime > this.vqt.StampTime)
                    this.optionsitemDef.endTime = 0;
            }

            //this.itemDef.slotTime = this.rtChart.getTimeSlot();
            //if (this.itemDef.slotTime < PERHOUR && this.rtChart.getTimeSpan() > 120 * PERHOUR)
            //    this.itemDef.slotTime = PERHOUR;
            var col = new GoldenRtWeb.Col();
            col.key = "hisdata";
            col.value = this.itemDef;
            var row = new GoldenRtWeb.Row();
            row.addCol(col);
            tab.addRow(row);
            tab.hisRequestSeed = ++this.hisRequestSeed;
            return tab;
        },
        onHisTab:           function (tab) {
           // debugger;
            if (!this.rtChart)
                return;
            var err = null;
            if (tab.hisRequestSeed == this.hisRequestSeed) {
                var newData = tab.hisData;

                var lastVQT = newData[newData.length - 1];
                if (lastVQT.StampTime < this.rtChart.getBegTime()) {
                    this.setHisStatus("nodata", "查询不到有效的历史数据");
                    return;
                }

                this.newHisData = newData;
                this.setHisStatus("linked");
                if (this.rtChart.getHisRefreshing())
                    this.rtChart._setNewLastTime(lastVQT.StampTime);
                this.rtChart._setNewLastTime(lastVQT.StampTime);
                this.rtChart._onNewHisData();
            }
            else if (tab.isErr()) {
                err = "信息服务返回错误，错误码是：" + tab.resultCode + "<br/>" + "错误信息是：" + tab.errMess + "<br/>" + "错误源是：" + tab.errorSource;
                this.setHisStatus("error", err);
            }
        },
        prepareHisData:     function (begTime, endTime) {
            if (this.hisData && this.hisData.length) {

                var i = 0;
                var len = this.hisData.length;
                for (; i < len; i++) {
                    if (this.hisData[i].StampTime >= begTime)
                        break;
                }
                var prev = this.rtChart.options.reservePrevData || 1;
                if (i >= prev)
                    this.hisDatRemove(this.hisData, 0, (i - prev));
            }

            var dataChanged = false;
            if (this.newHisData && this.newHisData.length) {
                if (this.hisData && this.hisData.length > 0) {
                    var firstTime = this.newHisData[0].StampTime;
                    var lastTime = this.newHisData[this.newHisData.length - 1].StampTime;

                    if (lastTime <= this.getBegTime()) {
                        if (lastTime == this.getBegTime())
                            this.hisDatRemove(this.hisData, 0);
                        dataChanged = true;
                        this.hisData = this.newHisData.concat(this.hisData);
                    }
                    else if (firstTime < this.getBegTime() && lastTime <= this.getEndTime()) {
                        var i = 0;
                        for (; i < this.hisData.length; i++) {
                            if (this.hisData[i].StampTime > lastTime)
                                break;
                        }
                        if (i > 0)
                            this.hisDatRemove(this.hisData, 0, i - 1);
                        dataChanged = true;
                        this.hisData = this.newHisData.concat(this.hisData);
                    }
                    else if (firstTime >= this.getBegTime() && lastTime > this.getEndTime()) {
                        var i = 0;
                        var len = this.hisData.length;
                        for (; i < len; i++) {
                            if (this.hisData[i].StampTime >= firstTime)
                                break;
                        }
                        if (i < this.hisData.length)
                            this.hisDatRemove(this.hisData, i, this.hisData.length - 1);

                        dataChanged = true;
                        this.hisData = this.hisData.concat(this.newHisData);
                    }
                    else if (firstTime >= this.getEndTime()) {
                        if (firstTime == this.getEndTime())
                            this.hisDatRemove(this.hisData, -1);
                        dataChanged = true;
                        this.hisData = this.hisData.concat(this.newHisData);
                    }
                }
                else {
                    dataChanged = true;
                    this.hisData = this.newHisData;
                }

                delete this.newHisData;
            }

            if (dataChanged || this.lastBegTime != begTime || this.lastEndTime != endTime) {
                this.lastBegTime = begTime;
                this.lastEndTime = endTime;

                var minVqt      = null;
                var maxVqt      = null;
                var goodCount   = 0;
                var badCount    = 0;
                var unCertain   = 0;
                var sum = 0.0;
                var det = 0.0;
                var avg;
                var prevVQT;
                var min = this.rageMin;
                var max = this.rageMax;

                if (this.hisData) {
                    var len = this.hisData.length;
                    for (var i = 0; i < len; i++) {
                        var vqt = this.hisData[i];
                        if (vqt.StampTime >= begTime &&
                            vqt.StampTime <= endTime) {
                            if (this.isGood(vqt))
                                goodCount++;
                            else if (this.isBad(vqt))
                                badCount++;
                            else
                                unCertain++;

                            if (vqt.Value != null) {
                                var val = this.GetNumber(vqt);
                                if (minVqt == null || val < this.GetNumber(minVqt))
                                    minVqt = vqt;
                                if (maxVqt == null || val > this.GetNumber(maxVqt))
                                    maxVqt = vqt;

                                if (prevVQT && prevVQT.Value != null) {
                                    var dt = (vqt.StampTime - prevVQT.StampTime);
                                    sum += 0.5 * (val + this.GetNumber(prevVQT)) * dt;
                                    det += dt;
                                }
                            }
                            prevVQT = vqt;
                        }
                        else if (vqt.StampTime < begTime)
                            prevVQT = vqt;
                    }
                }
                if (det != 0.0)
                    avg = sum / det;
                else
                    avg = null;
                var fix = false;
                var bIsBoolen = false;
                if (minVqt) {
                    if (this.isString(minVqt) || this.isBoolen(minVqt)) {
                        if (this.options.stepLine == null)
                            this.setStepLine(true, true);
                    }

                    if (isNaN(min)) {
                        if (this.isBoolen(maxVqt))
                            min = -1;
                        else
                            min = this.GetNumber(minVqt);
                    }
                    else if (!this.options.lockRange && (this.commAxis == null || this.commAxis.length == 0)) {
                        if (min > this.GetNumber(minVqt)) {
                            min = this.GetNumber(minVqt);
                            fix = true;
                        }
                    }
                }

                if (maxVqt) {
                    if (this.isString(maxVqt) || this.isBoolen(maxVqt)) {
                        if (this.options.stepLine == null)
                            this.setStepLine(true, true);
                    }

                    if (isNaN(max)) {
                        if (this.isBoolen(maxVqt))
                            max = 5;
                        else
                            max = this.GetNumber(maxVqt);
                    }
                    else if (!this.options.lockRange && (this.commAxis == null || this.commAxis.length == 0)) {
                        if (max < this.GetNumber(maxVqt)) {
                            max = this.GetNumber(maxVqt);
                            fix = true;
                        }
                    }
                }

                /*if (isNaN(min)) {
                    if (!isNaN(max)) {
                        if(maxVqt && this.isBoolen(maxVqt))
                            min = max - 4;
                        else
                            min = max - 0.1 * Math.abs(max);
                    }
                    else
                        min = 0;
                }
                if (isNaN(max)) {
                    if (!isNaN(min)) {
                        if (minVqt && this.isBoolen(minVqt))
                            max = min + 4;
                        else
                            max = min + 0.1 * Math.abs(min);
                    }
                    else
                        max = 1;
                }
                if (min == max) {
                    if ((minVqt && this.isBoolen(minVqt)) || (maxVqt && this.isBoolen(maxVqt))) {
                        min--;
                        max++;
                    }
                    else
                        max = min + 0.1 * Math.abs(min);
                }*/

                /*Modify*/
                /*if (this.rageMin == null || this.rageMax == null || fix) {
                    if ((minVqt && this.isBoolen(minVqt)) || (maxVqt && this.isBoolen(maxVqt))) {
                        if (fix) {
                            min = -1;
                            max = 5;
                        }
                    }
                    else {
                        min -= 0.2 * Math.abs(max - min);
                        var saveMax = max;
                        max += 20 * Math.abs(max - min);
                        if (max > 2000.0)
                            max = saveMax + 0.2 * Math.abs(saveMax - min);
                    }
                }

                this.setRange(min, max); */

                // 自由量程
                min = this.GetNumber(minVqt);
                max = this.GetNumber(maxVqt);
                (function () {
                    var diff = Math.abs(max - min);
                    if (diff === 0 && avg !== 0) {
                        diff = avg * 0.2;
                    } else if (diff === 0 && avg === 0) {
                        diff = 250;
                    }
                    min = min - diff * 0.2;
                    max = max + diff * 0.2;
                })();
                // 自由量程
                if (this.rtChart && this.rtChart.options && this.rtChart.options.freeRange) {
                    this.setRange(min, max);
                } else { // 固定量程
                    min = this.rageMin || 0;
                    max = this.rageMax || 1000;
                    this.setRange(this.rageMin, this.rageMax);
                }

                if (this.avg != avg) {
                    this.avgChanged = true;
                    this.rtChart.UpdateDataPan((this.avg == null || avg == null) ? true : false);
                    this.avg = avg;
                    this.rtChart._updateList(this.rowId, "平均值", this.getAVGList());

                    if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "avg" && !(this.requestLogin === true))
                        this.rtChart.UpdateTooltip(this.getAVGTooltip());
                }
                if (this.minVqt != minVqt) {
                    this.minChanged = true;
                    this.rtChart.UpdateDataPan((this.minVqt == null || minVqt == null) ? true : false);
                    this.minVqt = minVqt;

                    if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "minVQT" && !(this.requestLogin === true))
                        this.rtChart.UpdateTooltip(this.getMinVQTTooltip());
                    this.rtChart._updateList(this.rowId, "最小值", this.getMinVQTList());
                }
                if (this.maxVqt != maxVqt) {
                    this.maxChanged = true;
                    this.rtChart.UpdateDataPan((this.maxVqt == null || maxVqt == null) ? true : false);
                    this.maxVqt = maxVqt;

                    if (!this.preventTooltipUpdate && this.showTolltip && this.toolTipAt == "maxVQT" && !(this.requestLogin === true))
                        this.rtChart.UpdateTooltip(this.getMaxVQTTooltip());
                    this.rtChart._updateList(this.rowId, "最大值", this.getMaxVQTList());
                }

                if (this.maxVqt == null && this.minVqt == null)
                    this.setHisStatus("nodata", "查询不到有效的历史数据");
                this.updateDataReader();
            }
        },
        drawTrendLine:          function (ctx, begTime, endTime, gw, gh, timeScale, shadowOffset) {
            if (!this.hisData || !this.hisData.length || !this.options.drawLine || this.rageMax == null || this.rageMin == null || this.rageMin == this.rageMax)
                return;

            var bStep = this.options.stepLine === true;
            if (bStep)
                ctx.lineJoin = 'miter';
            else
                ctx.lineJoin = 'round';
            if (shadowOffset == null)
                shadowOffset = 0;
            ctx.beginPath();

            if (!shadowOffset) {
                ctx.lineWidth = (this.options.penWidth || 1);
                ctx.strokeStyle = this.options.penColor;
            }
            else
                ctx.lineWidth = (this.options.penWidth || 1) + 3;
            var yScale  = -gh / (this.rageMax - this.rageMin);
            var yBase   = gh;

            var bPrev   = false;
            var x, y,px,py;
            var len = this.hisData.length;
            for (var i  = 0; i < len; i++) {
                var vqt = this.hisData[i];
                if (vqt != null && vqt.Value != null) {
                    x   = Math.floor((vqt.StampTime - begTime) * timeScale);
                    py  = y;
                    y   = Math.floor(yBase + (this.GetNumber(vqt) - this.rageMin) * yScale) + shadowOffset;

                    if (bPrev) {
                        if (!bStep)
                            ctx.lineTo(x, y);
                        else {
                            ctx.lineTo(x + shadowOffset / 2, py);
                            ctx.lineTo(x + shadowOffset / 2, y);
                        }
                    }
                    else
                        ctx.moveTo(x, y);

                    if (this.options.drawTag) {
                        ctx.arc(x, y, 4, 0, 2 * Math.PI, false);
                        ctx.moveTo(x - 4, y );
                        ctx.lineTo(x + 4, y );
                        ctx.moveTo(x, y - 4);
                        ctx.lineTo(x, y + 4);
                        ctx.moveTo(x, y);
                    }
                    bPrev = true;
                }
                else {
                    if (this.options.drawTag) {
                        x = Math.floor((vqt.StampTime - begTime) * timeScale);
                        y = Math.floor(yBase + 0,5*(this.rageMax - this.rageMin) * yScale) + shadowOffset;

                        ctx.moveTo(x - 4, y - 4);
                        ctx.lineTo(x + 4, y + 4);

                        ctx.moveTo(x - 4, y + 4);
                        ctx.lineTo(x + 4, y - 4);

                        ctx.arc(x, y, 6, 0, 2 * Math.PI, false);
                        ctx.moveTo(x, y);
                    }
                    bPrev = false;
                }
                if (vqt.StampTime > endTime)
                    break;
            }
            ctx.stroke();
        },
        drawThumbsTrendLine:    function (ctx, begTime, endTime, gh,gt, h, timeScale) {
            if (!this.hisData || !this.hisData.length || !this.options.drawLine || this.rageMax == null || this.rageMin == null || this.rageMin == this.rageMax)
                return;

            ctx.strokeStyle = this.options.penColor;
            var bStep = this.options.stepLine === true;
            if (bStep)
                ctx.lineJoin = 'miter';
            else
                ctx.lineJoin = 'round';
            ctx.beginPath();
            var scale   = h/gh;
            var yScale  = -gh * scale / (this.rageMax - this.rageMin);
            var yBase   = gt + h  ;

            var bPrev   = false;
            var x, y, py;
            var len     = this.hisData.length;
            for (var i = 0; i < len; i++) {
                var vqt = this.hisData[i];
                if (vqt != null && vqt.value != null) {
                    x = Math.floor((vqt.StampTime - begTime) * timeScale);
                    py = y;
                    y = Math.floor(yBase + (this.GetNumber(vqt) - this.rageMin) * yScale);
                    if (bPrev) {
                        if (!bStep)
                            ctx.lineTo(x, y);
                        else {
                            ctx.lineTo(x , py);
                            ctx.lineTo(x , y);
                        }
                    }
                    else
                        ctx.moveTo(x, y);
                    bPrev = true;
                }
                else
                    bPrev = false;
            }
            ctx.stroke();
        }
    };

    TrendColor.prototype = {
        scale: function (rf, gf, bf, af) {
            var x = 4;
            while (-1 < --x) {
                if (!(arguments[x] === void 0)) this[this.rgba[x]] *= arguments[x];
            }
            return this.normalize();
        },
        alpha: function (alpha) {
            if (!(alpha === void 0) && !(alpha === null)) {
                this.a = alpha;
            }
            return this.normalize();
        },
        clone: function () {
            return new TrendColor(this.r, this.b, this.g, this.a);
        },
        limit: function (val, minVal, maxVal) {
            return Math.max(Math.min(val, maxVal), minVal);
        },
        normalize:  function () {
            var limit = this.limit;
            this.r = limit(parseInt(this.r, 10), 0, 255);
            this.g = limit(parseInt(this.g, 10), 0, 255);
            this.b = limit(parseInt(this.b, 10), 0, 255);
            this.a = limit(this.a, 0, 1);
            return this;
        },
        distance:   function (color) {
            if (!color) return;
            color = new TrendColor.parse(color);
            var dist = 0, x = 3;
            while (-1 < --x) {
                dist += Math.abs(this[this.rgba[x]] - color[this.rgba[x]]);
            }
            return dist;
        },
        toString:   function () {
            return (this.a >= 1.0) ? 'rgb(' + [this.r, this.g, this.b].join(',') + ')' : 'rgba(' + [this.r, this.g, this.b, this.a].join(',') + ')';
        },
        toRGBAString: function () {
            return 'rgba(' + [this.r, this.g, this.b, this.a].join(',') + ')';
        },
        contrast:   function () {
            var
                test = 1 - (0.299 * this.r + 0.587 * this.g + 0.114 * this.b) / 255;
            return (test < 0.5 ? '#000000' : '#ffffff');
        }
    };

})(jQuery);