hqchart 1.1.12693 → 1.1.12706

package/src/jscommon/umychart.wechat/umychart.report.wechat.js

@@ -1,3983 +0,0 @@
-/*
-   Copyright (c) 2018 jones
- 
-    http://www.apache.org/licenses/LICENSE-2.0
-
-   开源项目 https://github.com/jones2000/HQChart
- 
-   jones_2000@163.com
-
-   封装股票列表控件 (小程序版本)
-   不提供内置测试数据
-*/
-
-//日志
-import { JSConsole } from "./umychart.console.wechat.js"
-
-//画布DOM
-import { JSCanvasElement } from "./umychart.element.wechart.js";
-
-import{
-    g_JSChartResource,
-    JSCHART_LANGUAGE_ID,
-    g_JSChartLocalization,
-} from './umychart.resource.wechat.js'
-
-import 
-{ 
-    IFrameSplitOperator,
-} from './umychart.framesplit.wechat.js'
-
-import 
-{ 
-    GetfloatPrecision,
-} from "./umychart.coordinatedata.wechat.js";
-
-
-//图形库
-import {
-    ChartSplashPaint,
-    GetFontHeight,
-} from "./umychart.chartpaint.wechat.js";
-
-
-//行情数据结构体 及涉及到的行情算法(复权,周期等) 
-import {
-    JSCHART_EVENT_ID,
-    PhoneDBClick,
-} from "./umychart.data.wechat.js";
-
-//边框信息
-function ChartBorder() 
-{
-    this.UIElement;
-
-    //四周间距
-    this.Left = 50;
-    this.Right = 80;
-    this.Top = 50;
-    this.Bottom = 50;
-
-    this.GetChartWidth = function () 
-    {
-        return this.UIElement.Width;
-    }
-
-    this.GetChartHeight = function () 
-    {
-        return this.UIElement.Height;
-    }
-
-    this.GetLeft = function () 
-    {
-        return this.Left;
-    }
-
-    this.GetRight = function () 
-    {
-        return this.UIElement.Width - this.Right;
-    }
-
-    this.GetTop = function () 
-    {
-        return this.Top;
-    }
-
-    this.GetBottom = function () 
-    {
-        return this.UIElement.Height - this.Bottom;
-    }
-
-    this.GetWidth = function () 
-    {
-        return this.UIElement.Width - this.Left - this.Right;
-    }
-
-    this.GetHeight = function () 
-    {
-        return this.UIElement.Height - this.Top - this.Bottom;
-    }
-}
-
-function JSReportChart(element)
-{
-    this.CanvasElement=element;
-    this.JSChartContainer;              //表格控件
-
-    this.OnSize=function(option)
-    {
-        if (option)
-        {
-            if (IFrameSplitOperator.IsNumber(option.Width)) this.CanvasElement.Width=option.Width;
-            if (IFrameSplitOperator.IsNumber(option.Height)) this.CanvasElement.Height=option.Height;
-        }
-
-        if (option && option.Redraw==false) return;
-
-        if (this.JSChartContainer && this.JSChartContainer.OnSize)
-        {
-            this.JSChartContainer.OnSize();
-        } 
-    }
-
-    this.SetOption=function(option)
-    {
-        var chart=this.CreateJSReportChartContainer(option);
-
-        if (!chart) return false;
-
-        if (option.OnCreatedCallback) option.OnCreatedCallback(chart);
-
-        this.JSChartContainer=chart;
-
-        if (option.Symbol) chart.Symbol=option.Symbol;
-        if (option.Name) chart.Name=option.Name;
-
-        var requestOption={ Callback:null };
-        if (chart.Symbol) requestOption.Callback=function() { chart.RequestMemberListData(); };
-
-        chart.RequestStockListData(requestOption);   //下载码表     
-    }
-
-    this.CreateJSReportChartContainer=function(option)
-    {
-        var chart=new JSReportChartContainer(this.CanvasElement);
-        chart.Create(option);
-
-        if (option.NetworkFilter) chart.NetworkFilter=option.NetworkFilter;
-        if (IFrameSplitOperator.IsNonEmptyArray(option.Column))  chart.SetColumn(option.Column);
-        if (IFrameSplitOperator.IsNonEmptyArray(option.Tab)) chart.SetTab(option.Tab);
-        if (IFrameSplitOperator.IsNumber(option.TabSelected)) chart.SetSelectedTab(option.TabSelected);
-
-        if (option.SortInfo)
-        {
-            var item=option.SortInfo;
-            if (IFrameSplitOperator.IsNumber(item.Field)) chart.SortInfo.Field=item.Field;
-            if (IFrameSplitOperator.IsNumber(item.Sort)) chart.SortInfo.Sort=item.Sort;
-        }
-
-        this.SetChartBorder(chart, option);
-
-        //是否自动更新
-        if (option.IsAutoUpdate!=null) chart.IsAutoUpdate=option.IsAutoUpdate;
-        if (option.AutoUpdateFrequency>0) chart.AutoUpdateFrequency=option.AutoUpdateFrequency;
-        if (IFrameSplitOperator.IsBool(option.EnableFilter)) chart.EnableFilter=option.EnableFilter;
-
-        //注册事件
-        if (option.EventCallback)
-        {
-            for(var i=0;i<option.EventCallback.length;++i)
-            {
-                var item=option.EventCallback[i];
-                chart.AddEventCallback(item);
-            }
-        }
-
-        return chart;
-    }
-
-    this.SetChartBorder=function(chart, option)
-    {
-        if (!option.Border) return;
-
-        var item=option.Border;
-        if (IFrameSplitOperator.IsNumber(option.Border.Left)) chart.Frame.ChartBorder.Left=option.Border.Left;
-        if (IFrameSplitOperator.IsNumber(option.Border.Right)) chart.Frame.ChartBorder.Right=option.Border.Right;
-        if (IFrameSplitOperator.IsNumber(option.Border.Top)) chart.Frame.ChartBorder.Top=option.Border.Top;
-        if (IFrameSplitOperator.IsNumber(option.Border.Bottom)) chart.Frame.ChartBorder.Bottom=option.Border.Bottom;
-    }
-
-    /////////////////////////////////////////////////////////////////////////////
-    //对外接口
-    
-    //切换股票代码接口
-    this.ChangeSymbol=function(symbol, option)
-    {
-        if (this.JSChartContainer) this.JSChartContainer.ChangeSymbol(symbol,option);
-    }
-
-    this.SetColumn=function(aryColumn, option)
-    {
-        if (this.JSChartContainer) this.JSChartContainer.SetColumn(aryColumn,option);
-    }
-
-    //事件回调
-    this.AddEventCallback=function(obj)
-    {
-        if(this.JSChartContainer && typeof(this.JSChartContainer.AddEventCallback)=='function')
-        {
-            JSConsole.Chart.Log('[JSReportChart:AddEventCallback] obj=', obj);
-            this.JSChartContainer.AddEventCallback(obj);
-        }
-    }
-
-    //重新加载配置
-    this.ReloadResource=function(option)
-    {
-        if(this.JSChartContainer && typeof(this.JSChartContainer.ReloadResource)=='function')
-        {
-            JSConsole.Chart.Log('[JSReportChart:ReloadResource] ');
-            this.JSChartContainer.ReloadResource(option);
-        }
-    }
-
-    this.ChartDestory=function()
-    {
-        if (this.JSChartContainer && typeof (this.JSChartContainer.ChartDestory) == 'function') 
-        {
-            JSConsole.Chart.Log("[JSReportChart::ChartDestory]");
-            this.JSChartContainer.ChartDestory();
-        }
-    }
-
-    this.OnTouchStart = function (e) 
-    {
-        if (this.JSChartContainer) this.JSChartContainer.OnTouchStart(e);
-    }
-
-    this.OnTouchMove = function (e) 
-    {
-        if (this.JSChartContainer) this.JSChartContainer.OnTouchMove(e);
-    }
-
-    this.OnTouchEnd = function (e) 
-    {
-        if (this.JSChartContainer) this.JSChartContainer.OnTouchEnd(e);
-    }
-}
-
-JSReportChart.Init=function(uielement)
-{
-    var jsChartControl=new JSReportChart(uielement);
-    jsChartControl.OnSize();
-
-    return jsChartControl;
-}
-
-//自定义风格
-JSReportChart.SetStyle = function (style) 
-{
-    if (style) g_JSChartResource.SetStyle(style);
-}
-
-//获取颜色配置 (设置配必须啊在JSChart.Init()之前)
-JSReportChart.GetResource = function ()  
-{
-    return g_JSChartResource;
-}
-
-//修正线段有毛刺
-function ToFixedPoint(value) 
-{
-    //return value;
-    return parseInt(value) + 0.5;
-}
-
-function ToFixedRect(value) 
-{
-    var rounded;
-    return rounded = (0.5 + value) << 0;
-}
-
-function HQReportItem()
-{
-    this.OriginalSymbol;    //原始代码
-    this.Symbol;
-    this.Name;
-    this.YClose;
-    this.Open;
-    this.Price;
-    this.High;
-    this.Low;
-    this.Amount;
-    this.Vol;
-
-    this.Increase;      //涨幅
-    this.UpDown;        //涨跌
-    this.Exchange;      //换手
-    this.Amplitude;     //振幅
-
-    this.BuyPrice;      //买价/量
-    this.BuyVol;
-    this.SellPrice;     //卖价/量
-    this.SellVol;
-
-    this.AvPrice;   //均价
-
-    this.LimitHigh;       //涨停价
-    this.LimitLow;        //跌停价
-
-    this.VolIn;         //内盘
-    this.VolOut;        //外盘
-
-    this.DealNum;       //现量
-
-    this.OutShares;     //流通股本
-    this.TotalShares;   //总股本
-    this.MarketValue;   //总市值
-    this.CircMarketValue;//流通市值
-
-    this.CloseLine;     //{Data:[], Max:, Min:, Count: }
-
-    this.ExtendData;    //扩展数据
-}
-
-
-function JSReportChartContainer(uielement)
-{
-    this.ClassName='JSReportChartContainer';
-    this.Frame;                                     //框架画法
-    this.ChartPaint=[];                             //图形画法
-    this.ChartSplashPaint=null;                     //等待提示
-    this.LoadDataSplashTitle="数据加载中";           //下载数据提示信息
-
-    this.SplashTitle={ StockList:"下载码表中.....", MemberList:"下载成分中....." } ;
-
-    this.Canvas=uielement.GetContext("2d");         //画布
-    this.ShowCanvas=null;
-
-    this.Symbol;    //板块代码
-    this.Name;      //板块名称
-    this.NetworkFilter;                                 //数据回调接口
-    this.Data={ XOffset:0, YOffset:0, Data:[] };        //股票列表
-    this.SourceData={ Data:[] } ;                       //原始股票顺序(排序还原用)
-    this.BlockData=new Map();                           //当前板块数据
-    this.MapStockData=new Map();                        //原始股票数据
-    this.FixedRowData={ Data:[], Type:0, Symbol:[] };              //顶部固定行Data:[{ Value:, Text:, Color:, TextAgiln: }], Type:0=自定义数据, 1 =(股票数据) Symbol:[],
-
-    //this.FixedRowData.Data=[ [null, {Value:11, Text:"11" }], [null, null, null, {Value:12, Text:"ddddd", Color:"rgb(45,200,4)"}]];
-
-    this.SortInfo={ Field:-1, Sort:0 };                //排序信息 {Field:排序字段id, Sort:0 不排序 1升序 2降序 }
-
-    //事件回调
-    this.mapEvent=new Map();   //通知外部调用 key:JSCHART_EVENT_ID value:{Callback:回调,}
-
-    this.AutoUpdateTimer=null;
-    this.AutoUpdateFrequency=15000;             //15秒更新一次数据
-
-    this.DelayUpdateTimer=null;     //延迟更新
-    this.DelayUpdateFrequency=500;  //延迟更新时间
-    
-    this.UIElement=uielement;
-    this.LastPoint=null;     //鼠标位置
-    this.IsOnTouch=false;
-    this.TouchDrag;
-    this.TouchMoveMinAngle=70;          //左右移动最小角度
-    this.YStepPixel=5;
-    this.XStepPixel=10;
-    
-    this.PageUpDownCycle=true;  //翻页循环
-    this.DragPageCycle=true;    //手机翻页循环
-
-    //拖拽滚动条
-    this.DragXScroll=null;  //{Start:{x,y}, End:{x, y}}
-    this.IsDestroy=false;        //是否已经销毁了
-
-    this.ChartDestory=function()    //销毁
-    {
-        this.IsDestroy=true;
-        this.StopAutoUpdate();
-    }
-
-    //清空固定行数据
-    this.ClearFixedRowData=function()
-    {
-        this.FixedRowData.Data=[];
-        this.FixedRowData.Symbol=[];
-    }
-
-    //设置固定行
-    this.SetFixedRowCount=function(value)
-    {
-        var chart=this.GetReportChart();
-        if (!chart) return;
-
-        chart.FixedRowCount=value;
-    }
-
-    //创建
-    this.Create=function(option)
-    {
-        this.UIElement.JSChartContainer=this;
-
-        //创建等待提示
-        this.ChartSplashPaint = new ChartSplashPaint();
-        this.ChartSplashPaint.Canvas = this.Canvas;
-        this.ChartSplashPaint.SetTitle(this.LoadDataSplashTitle);
-        this.ChartSplashPaint.IsEnableSplash=true;
-
-        //创建框架
-        this.Frame=new JSReportFrame();
-        this.Frame.ChartBorder=new ChartBorder();
-        this.Frame.ChartBorder.UIElement=this.UIElement;
-        this.Frame.ChartBorder.Top=30;
-        this.Frame.ChartBorder.Left=5;
-        this.Frame.ChartBorder.Bottom=20;
-        this.Frame.Canvas=this.Canvas;
-
-        this.ChartSplashPaint.Frame = this.Frame;
-
-        //创建表格
-        var chart=new ChartReport();
-        chart.Frame=this.Frame;
-        chart.ChartBorder=this.Frame.ChartBorder;
-        chart.Canvas=this.Canvas;
-        chart.GetEventCallback=(id)=> { return this.GetEventCallback(id); }
-        chart.GetStockDataCallback=(symbol)=>{ return this.GetStockData(symbol);}
-        chart.GetBlockDataCallback=(symbol)=>{ return this.GetBlockData(symbol);}
-        chart.Data=this.Data;
-        chart.FixedRowData=this.FixedRowData;
-        chart.SortInfo=this.SortInfo;
-        this.ChartPaint[0]=chart;
-
-        //页脚
-        if (option && option.PageInfo===true)
-        {
-            var pageInfoChart=new ChartReportPageInfo();
-            pageInfoChart.Frame=this.Frame;
-            pageInfoChart.ChartBorder=this.Frame.ChartBorder;
-            pageInfoChart.Canvas=this.Canvas;
-            pageInfoChart.Report=chart;
-            this.ChartPaint[1]=pageInfoChart;
-        }
-        
-        if (option)
-        {
-            if (IFrameSplitOperator.IsBool(option.IsShowHeader)) chart.IsShowHeader=option.IsShowHeader;    //是否显示表头
-            if (IFrameSplitOperator.IsNumber(option.FixedColumn)) chart.FixedColumn=option.FixedColumn;     //固定列
-
-            if (IFrameSplitOperator.IsNumber(option.BorderLine)) this.Frame.BorderLine=option.BorderLine;   //边框
-            if (IFrameSplitOperator.IsNumber(option.FixedRowCount)) chart.FixedRowCount=option.FixedRowCount;   //固定行
-            if (IFrameSplitOperator.IsBool(option.ItemBorder)) chart.IsDrawBorder=option.ItemBorder;            //单元格边框
-
-            if (IFrameSplitOperator.IsNonEmptyArray(option.FixedSymbol))
-            {
-                chart.FixedRowCount=0;
-                this.FixedRowData.Type=1;
-                this.FixedRowData.Symbol=[];
-                var aryData=option.FixedSymbol;
-                for(var i=0; i<aryData.length; ++i)
-                {
-                    var item=aryData[i];
-                    this.FixedRowData.Symbol.push(item.Symbol);
-                    ++chart.FixedRowCount;
-                }
-            }
-        }
-    }
-
-    this.Draw=function()
-    {
-        if (this.UIElement.Width<=0 || this.UIElement.Height<=0) return; 
-
-        this.Canvas.clearRect(0,0,this.UIElement.Width,this.UIElement.Height);
-       
-        if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash)
-        {
-            this.Frame.Draw( { IsEnableSplash:this.ChartSplashPaint.IsEnableSplash} );
-            this.ChartSplashPaint.Draw();
-            return;
-        }
-
-        this.Frame.Draw();
-        this.Frame.DrawLogo();
-       
-        //框架内图形
-        for(var i=0;i<this.ChartPaint.length;++i)
-        {
-            var item=this.ChartPaint[i];
-            if (item.IsDrawFirst)
-                item.Draw();
-        }
-
-        for(var i=0; i<this.ChartPaint.length; ++i)
-        {
-            var item=this.ChartPaint[i];
-            if (!item.IsDrawFirst)
-                item.Draw();
-        }
-
-        this.Canvas.draw(false);
-    }
-
-
-    this.ResetReportStatus=function()
-    {
-        this.Data.XOffset=0;
-        this.Data.YOffset=0;
-    }
-
-    this.ResetReportSelectStatus=function()
-    {
-        var chart=this.GetReportChart();
-        if (chart)
-        {
-            chart.SelectedRow=-1;
-            chart.SelectedFixedRow=-1;
-        } 
-    }
-
-    this.ClearData=function()
-    {
-        this.SourceData.Data=[];
-        this.Data.Data=[];
-    }
-
-    this.ResetSortStatus=function()
-    {
-        this.SortInfo.Field=-1;
-        this.SortInfo.Sort=0;
-    }
-
-    //设置股票列表
-    this.SetSymbolList=function(arySymbol, option)
-    {
-        this.ClearData();
-        this.ResetReportStatus();
-        this.ResetSortStatus();
-        
-        if (IFrameSplitOperator.IsNonEmptyArray(arySymbol))
-        {
-            for(var i=0;i<arySymbol.length;++i)
-            {
-                this.Data.Data.push(arySymbol[i]);
-            }
-        }
-
-        var chart=this.ChartPaint[0];
-        if (chart) chart.Data=this.Data;
-
-        this.Draw();
-    }
-
-    this.ChangeSymbol=function(symbol, option)
-    {
-        this.Symbol=symbol;
-        this.ClearData();
-        this.ResetReportStatus();
-        this.ResetSortStatus();
-        this.ResetReportSelectStatus();
-
-        if (option)
-        {
-            if (IFrameSplitOperator.IsNumber(option.TabSelected))
-            {
-                var chartTab=this.GetTabChart();
-                if (chartTab) chartTab.SelectedTabIndex=option.TabSelected;
-            }
-
-            if (Array.isArray(option.FixedSymbol))
-            {
-                var chart=this.GetReportChart();
-                if (chart)
-                {
-                    chart.FixedRowCount=0;
-                    this.FixedRowData.Type=1;
-                    this.FixedRowData.Symbol=[];
-                    var aryData=option.FixedSymbol;
-                    for(var i=0; i<aryData.length; ++i)
-                    {
-                        var item=aryData[i];
-                        this.FixedRowData.Symbol.push(item.Symbol);
-                        ++chart.FixedRowCount;
-                    }
-
-                    this.SetSizeChange(true);
-                }
-            }
-
-            if (option.SortInfo)
-            {
-                var item=option.SortInfo;
-                if (IFrameSplitOperator.IsNumber(item.Field)) this.SortInfo.Field=item.Field;
-                if (IFrameSplitOperator.IsNumber(item.Sort)) this.SortInfo.Sort=item.Sort;
-            }
-        }
-
-        this.RequestMemberListData();
-    }
-
-    this.RequestMemberListData=function()
-    {
-        //this.ChartSplashPaint.SetTitle(this.SplashTitle.MemberList);
-        //this.ChartSplashPaint.EnableSplash(true);
-        //this.Draw();
-
-        var self=this;
-        if (this.NetworkFilter)
-        {
-            var obj=
-            {
-                Name:'JSReportChartContainer::RequestMemberListData', //类名::
-                Explain:'板块成分数据',
-                Request:{ Data: { symbol: this.Symbol } }, 
-                Self:this,
-                PreventDefault:false
-            };
-
-            if (this.SortInfo.Field>=0 && this.SortInfo.Sort>0)
-            {
-                var reportChart=this.GetReportChart();
-                if (reportChart)
-                {
-                    var column=reportChart.Column[this.SortInfo.Field];
-                    obj.Sort={ Column:column, Field:this.SortInfo.Field, Sort:this.SortInfo.Sort} ;
-                }
-            }
-
-            this.NetworkFilter(obj, function(data) 
-            { 
-                self.ChartSplashPaint.EnableSplash(false);
-                self.RecvMemberListData(data);
-            });
-
-            if (obj.PreventDefault==true) return;   //已被上层替换,不调用默认的网络请求
-        }
-
-        throw { Name:'JSReportChartContainer::RequestMemberListData', Error:'(板块成分数据)不提供内置测试数据' };
-    }
-
-    this.RecvMemberListData=function(recvData)
-    {
-        this.ClearData();
-
-        if (IFrameSplitOperator.IsNonEmptyArray(recvData.data))
-        {
-            for(var i=0;i<recvData.data.length;++i)
-            {
-                this.Data.Data.push(recvData.data[i]);
-                this.SourceData.Data.push(recvData.data[i]);
-            }
-        }
-
-        this.Draw();
-        this.UpdateStockData();
-    }
-
-    this.AutoUpdateEvent=function(bStart, explain)          //自定更新事件, 是给websocket使用
-    {
-        var eventID=bStart ? JSCHART_EVENT_ID.RECV_START_AUTOUPDATE:JSCHART_EVENT_ID.RECV_STOP_AUTOUPDATE;
-        if (!this.mapEvent.has(eventID)) return;
-
-        var self=this;
-        var event=this.mapEvent.get(eventID);
-        var data={ Stock:{ Symbol:this.Symbol, Name:this.Name, DayCount:this.DayCount }, Explain: explain };
-        if (bStart) 
-        {
-            data.Callback=function(data) //数据到达更新回调
-            { 
-                self.RecvDealUpdateData(data); 
-            }
-        }
-        event.Callback(event,data,this);
-    }
-
-    //下载码表
-    this.RequestStockListData=function(option)
-    {
-        this.ChartSplashPaint.SetTitle(this.SplashTitle.StockList);
-        this.ChartSplashPaint.EnableSplash(true);
-        this.Draw();
-
-        var self=this;
-        if (this.NetworkFilter)
-        {
-            var obj=
-            {
-                Name:'JSReportChartContainer::RequestStockListData', //类名::
-                Explain:'码表数据',
-                Self:this,
-                PreventDefault:false
-            };
-            this.NetworkFilter(obj, function(data) 
-            { 
-                self.ChartSplashPaint.EnableSplash(false);
-                self.RecvStockListData(data,option);
-            });
-
-            if (obj.PreventDefault==true) return;   //已被上层替换,不调用默认的网络请求
-        }
-
-        throw { Name:'JSReportChartContainer::RequestStockListData', Error:'(码表数据)不提供内置测试数据' };
-    }
-
-    this.RecvStockListData=function(data, option)
-    {
-        if (IFrameSplitOperator.IsNonEmptyArray(data.data))
-        {
-            //0=证券代码 1=股票名称
-            for(var i=0;i<data.data.length;++i)
-            {
-                var item=data.data[i];
-                var symbol=item[0];
-                var stock=null;
-                if (this.MapStockData.has(symbol))
-                {
-                    stock=this.MapStockData.get(symbol);
-                }
-                else
-                {
-                    stock=new HQReportItem();
-                    stock.OriginalSymbol=symbol;
-                    this.MapStockData.set(symbol, stock);
-                }
-
-                stock.Symbol=this.GetSymbolNoSuffix(symbol);
-                stock.Name=item[1];
-                this.ReadStockJsonData(stock, item);
-            }
-        }
-
-        if (option && option.Callback)
-        {
-            option.Callback();
-            return;
-        }
-
-        this.Draw();
-        
-        this.UpdateStockData();
-    }
-
-    //更新股票数据
-    this.UpdateMapStockData=function(data)
-    {
-        if (!data || !IFrameSplitOperator.IsNonEmptyArray(data.data)) return;
-        
-        //0=证券代码 1=股票名称
-        for(var i=0;i<data.data.length;++i)
-        {
-            var item=data.data[i];
-            var symbol=item[0];
-            var stock=null;
-            if (this.MapStockData.has(symbol))
-            {
-                stock=this.MapStockData.get(symbol);
-            }
-            else
-            {
-                stock=new HQReportItem();
-                this.MapStockData.set(symbol, stock);
-            }
-
-            stock.Symbol=this.GetSymbolNoSuffix(symbol);
-            stock.Name=item[1];
-            this.ReadStockJsonData(stock, item);
-        }
-    }
-
-    //获取个股数据
-    this.GetStockData=function(symbol)
-    {
-        if (!this.MapStockData) return null;
-        if (!this.MapStockData.has(symbol)) return null;
-        
-        return this.MapStockData.get(symbol);
-    }
-
-    this.GetBlockData=function(symbol)
-    {
-        if (!this.BlockData) return null;
-        if (!this.BlockData.has(symbol)) return null;
-
-        return this.BlockData.get(symbol);
-    }
-
-    //delay=是否延迟
-    this.DelayUpdateStockData=function()
-    {
-        if (this.DelayUpdateTimer!=null) 
-        {
-            clearTimeout(this.DelayUpdateTimer);
-            this.DelayUpdateTimer = null;
-        }
-
-        var frequency=this.DelayUpdateFrequency;
-        this.DelayUpdateTimer=setTimeout(()=> 
-        { 
-            this.UpdateStockData();
-
-        },frequency);
-    }
-
-    this.UpdateStockData=function()
-    {
-        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return;
-
-        var chart=this.ChartPaint[0];
-        if (!chart) return;
-
-        if (this.SortInfo && this.SortInfo.Field>=0 && this.SortInfo.Sort>0)
-        {
-            var column=chart.Column[this.SortInfo.Field];
-            if (column.Sort==2)
-            {
-                this.RequestStockSortData(column, this.SortInfo.Field, this.SortInfo.Sort);   //远程排序
-                return;
-            }
-        }
-
-        var arySymbol=chart.ShowSymbol;
-        if (!IFrameSplitOperator.IsNonEmptyArray(arySymbol)) return;
-        this.RequestStockData(arySymbol);
-    }
-
-    //下载股票数据
-    this.RequestStockData=function(arySymbol)
-    {
-        var self=this;
-        if (this.NetworkFilter)
-        {
-            var obj=
-            {
-                Name:'JSDealChartContainer::RequestStockData', //类名::函数名
-                Explain:'报价列表股票数据',
-                Request:{ Data: { stocks: arySymbol } }, 
-                Self:this,
-                PreventDefault:false
-            };
-
-            this.NetworkFilter(obj, function(data) 
-            { 
-                self.RecvStockData(data);
-                self.AutoUpdate();
-            });
-
-            if (obj.PreventDefault==true) return;  
-        }
-
-        throw { Name:'JSReportChartContainer::RequestStockData', Error:'(报价列表股票数据)不提供内置测试数据' };
-    }
-
-    this.RecvStockData=function(data)
-    {
-        var setUpdateSymbol=new Set(); //更新的股票列表
-        if (IFrameSplitOperator.IsNonEmptyArray(data.data))
-        {
-            //0=证券代码 1=股票名称 2=昨收 3=开 4=高 5=低 6=收 7=成交量 8=成交金额, 9=买价 10=买量 11=卖价 12=卖量 13=均价 14=流通股 15=总股本
-            for(var i=0;i<data.data.length;++i)
-            {
-                var item=data.data[i];
-                var symbol=item[0];
-                if (!symbol) continue;
-                var stock=null;
-                if (this.MapStockData.has(symbol))
-                {
-                    stock=this.MapStockData.get(symbol);
-                }
-                else
-                {
-                    stock=new HQReportItem();
-                    stock.OriginalSymbol=symbol;
-                    stock.Symbol=this.GetSymbolNoSuffix(symbol);
-                    this.MapStockData.set(symbol, stock);
-                }
-
-                this.ReadStockJsonData(stock, item);
-
-                if (!setUpdateSymbol.has(symbol)) setUpdateSymbol.add(symbol);
-            }
-        }
-
-        var chart=this.ChartPaint[0];
-        if (!chart) return;
-
-        //更新的股票在当前页面,需要重绘
-        var bUpdate=false;
-        var aryStock=chart.ShowSymbol;
-        for(var i=0;i<aryStock.length;++i)
-        {
-            if (setUpdateSymbol.has(aryStock[i].Symbol))
-            {
-                bUpdate=true;
-                break;
-            }
-        }
-
-        if (bUpdate) this.Draw();
-    }
-
-    //读取单条股票json数据
-    this.ReadStockJsonData=function(stock, item)
-    {
-        //0=证券代码 1=股票名称 2=昨收 3=开 4=高 5=低 6=收 7=成交量 8=成交金额, 9=买价 10=买量 11=卖价 12=卖量 13=均价 14=流通股 15=总股本 16=涨停价 17=跌停价
-        //18=内盘 19=外盘 20=现量 21=涨幅% 22=涨跌 23=换手率% 24=振幅% 25=流通市值 26=总市值
-        //30=全局扩展数据  31=当前板块扩展数据
-
-        if (IFrameSplitOperator.IsString(item[1])) stock.Name=item[1];
-        if (IFrameSplitOperator.IsNumber(item[2])) stock.YClose=item[2];
-        if (IFrameSplitOperator.IsNumber(item[3])) stock.Open=item[3];
-        if (IFrameSplitOperator.IsNumber(item[4])) stock.High=item[4];
-        if (IFrameSplitOperator.IsNumber(item[5])) stock.Low=item[5];
-        if (IFrameSplitOperator.IsNumber(item[6])) stock.Price=item[6];
-        if (IFrameSplitOperator.IsNumber(item[7])) stock.Vol=item[7];
-        if (IFrameSplitOperator.IsNumber(item[8])) stock.Amount=item[8];
-
-        if (IFrameSplitOperator.IsNumber(item[9])) stock.BuyPrice=item[9];
-        if (IFrameSplitOperator.IsNumber(item[10])) stock.BuyVol=item[10];
-        if (IFrameSplitOperator.IsNumber(item[11])) stock.SellPrice=item[11];
-        if (IFrameSplitOperator.IsNumber(item[12])) stock.SellVol=item[12];
-        if (IFrameSplitOperator.IsNumber(item[13])) stock.AvPrice=item[13];          //均价
-        if (IFrameSplitOperator.IsNumber(item[14])) stock.OutShares=item[14];        //流通股
-        if (IFrameSplitOperator.IsNumber(item[15])) stock.TotalShares=item[15];      //总股本
-        if (IFrameSplitOperator.IsNumber(item[16])) stock.LimitHigh=item[16];        //涨停价
-        if (IFrameSplitOperator.IsNumber(item[17])) stock.LimitLow=item[17];         //跌停价
-        if (IFrameSplitOperator.IsNumber(item[18])) stock.VolIn=item[18];            //内盘
-        if (IFrameSplitOperator.IsNumber(item[19])) stock.VolOut=item[19];           //外盘
-        if (IFrameSplitOperator.IsNumber(item[20])) stock.DealNum=item[20];          //现量
-
-        if (IFrameSplitOperator.IsNumber(item[21])) stock.Increase=item[21];         //涨幅%
-        if (IFrameSplitOperator.IsNumber(item[22])) stock.UpDown=item[22];           //涨跌
-        if (IFrameSplitOperator.IsNumber(item[23])) stock.Exchange=item[23];         //换手率%
-        if (IFrameSplitOperator.IsNumber(item[24])) stock.Amplitude=item[24];        //振幅%
-        if (IFrameSplitOperator.IsNumber(item[25])) stock.CircMarketValue=item[25];  //流通市值
-        if (IFrameSplitOperator.IsNumber(item[26])) stock.MarketValue=item[26];      //总市值
-
-        //衍生数据计算
-        if (!IFrameSplitOperator.IsNumber(item[21]))    //涨幅%
-        {
-            if (IFrameSplitOperator.IsNumber(stock.Price) && IFrameSplitOperator.IsNumber(stock.YClose) && stock.YClose!=0)
-                stock.Increase=(stock.Price-stock.YClose)/stock.YClose*100;
-        }
-
-        if (!IFrameSplitOperator.IsNumber(item[22]))    //涨跌
-        {
-            if (IFrameSplitOperator.IsNumber(stock.Price) && IFrameSplitOperator.IsNumber(stock.YClose))
-                stock.UpDown=stock.Price-stock.YClose;
-        }   
-
-        if (!IFrameSplitOperator.IsNumber(item[23]))    //换手率%
-        {
-            if (IFrameSplitOperator.IsNumber(stock.Vol) && IFrameSplitOperator.IsNumber(stock.OutShares) && stock.OutShares>0)
-                stock.Exchange=stock.Vol/stock.OutShares*100;
-        }
-
-        if (!IFrameSplitOperator.IsNumber(item[24]))    //振幅%
-        {
-            if (IFrameSplitOperator.IsNumber(stock.High) && IFrameSplitOperator.IsNumber(stock.Low) && IFrameSplitOperator.IsNumber(stock.YClose) && stock.YClose!=0)
-                stock.Amplitude=(stock.High-stock.Low)/stock.YClose*100;
-        }
-
-        if (!IFrameSplitOperator.IsNumber(item[25]))    //流通市值
-        {
-            if (IFrameSplitOperator.IsNumber(stock.OutShares) && IFrameSplitOperator.IsNumber(stock.Price)) 
-                stock.CircMarketValue=stock.OutShares*stock.Price;
-        }
-
-        if (!IFrameSplitOperator.IsNumber(item[26]))     //总市值
-        {
-            if (IFrameSplitOperator.IsNumber(stock.TotalShares) && IFrameSplitOperator.IsNumber(stock.Price)) 
-                stock.MarketValue=stock.TotalShares*stock.Price;
-        }
-
-        if (item[30]) stock.ExtendData=item[30];                //30扩展数据
-        if (item[31]) this.BlockData.set(stock.OriginalSymbol,item[31]);    //31=当前板块数据
-        if (item[32]) stock.CloseLine=item[32];                     //32=收盘价线
-    }
-
-
-
-    this.GetSymbolNoSuffix=function(symbol)
-    {
-        var index=symbol.lastIndexOf(".");
-        if (index>0) 
-            return symbol.substring(0,index);
-        else 
-            return symbol;
-    }
-
-    this.CancelAutoUpdate=function()    //关闭停止更新
-    {
-        if (this.AutoUpdateTimer) 
-        {
-            clearTimeout(this.AutoUpdateTimer);
-            this.AutoUpdateTimer = null;
-        }
-    }
-
-    this.AutoUpdate=function(waitTime)  //waitTime 更新时间
-    {
-        this.CancelAutoUpdate();
-        if (!this.IsAutoUpdate) return;
-        
-        var self = this;
-        var marketStatus=2;
-        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_REPORT_MARKET_STATUS);
-        if (event && event.Callback)
-        {
-            var sendData={ MarketStatus:2 };
-            event.Callback(event, sendData, this);
-            if (IFrameSplitOperator.IsNumber(sendData.MarketStatus)) marketStatus=sendData.MarketStatus;
-        }
-        
-        if (marketStatus==0 || marketStatus==3) return; //闭市,盘后
-
-        var frequency=this.AutoUpdateFrequency;
-        if (marketStatus==1) //盘前
-        {
-            this.AutoUpdateTimer=setTimeout(function() 
-            { 
-                self.AutoUpdate(); 
-            },frequency);
-        }
-        else if (marketStatus==2) //盘中
-        {
-            this.AutoUpdateTimer=setTimeout(function()
-            {
-                self.UpdateStockData();
-            },frequency);
-        }
-    }
-
-    this.StopAutoUpdate=function()
-    {
-        this.CancelAutoUpdate();
-        this.AutoUpdateEvent(false,'JSDealChartContainer::StopAutoUpdate');
-        if (!this.IsAutoUpdate) return;
-        this.IsAutoUpdate=false;
-    }
-
-    //设置事件回调
-    //{event:事件id, callback:回调函数}
-    this.AddEventCallback=function(object)
-    {
-        if (!object || !object.event || !object.callback) return;
-
-        var data={Callback:object.callback, Source:object};
-        this.mapEvent.set(object.event,data);
-    }
-
-    this.RemoveEventCallback=function(eventid)
-    {
-        if (!this.mapEvent.has(eventid)) return;
-
-        this.mapEvent.delete(eventid);
-    }
-
-    this.GetEventCallback=function(id)  //获取事件回调
-    {
-        if (!this.mapEvent.has(id)) return null;
-        var item=this.mapEvent.get(id);
-        return item;
-    }
-
-    this.OnSize=function()
-    {
-        if (!this.Frame) return;
-
-        this.SetSizeChange(true);
-        this.Draw();
-        this.DelayUpdateStockData();
-    }
-
-    this.SetSizeChange=function(bChanged)
-    {
-        for(var i=0;i<this.ChartPaint.length;++i)
-        {
-            var chart=this.ChartPaint[i];
-            if (chart) chart.SizeChange=bChanged;
-        }
-    }
-
-    //判断是单个手指
-    this.IsPhoneDragging=function(e)
-    {
-        // JSConsole.Chart.Log(e);
-        var changed=e.changedTouches.length;
-        var touching=e.touches.length;
-
-        return changed==1 && touching==1;
-    }
-
-    this.GetToucheData=function(e)
-    {
-        var touches=[];
-        for(var i=0; i<e.touches.length; ++i)
-        {
-            var item=e.touches[i];
-            touches.push( {clientX: item.x, clientY: item.y, pageX: item.x, pageY: item.y });
-        }
-
-        return touches;
-    }
-
-    this.GetMoveAngle=function(pt,pt2)  //计算角度
-    {
-        var xMove=Math.abs(pt.X-pt2.X);
-        var yMove=Math.abs(pt.Y-pt2.Y);
-        var angle=Math.atan(xMove/yMove)*180/Math.PI;
-        return angle;
-    }
-
-    this.PreventTouchEvent=function(e)
-    {
-        
-    }
-
-     //手势事件
-    this.OnTouchStart=function(e)
-    {
-        if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
-        this.IsOnTouch=true;
-
-        var reportChart=this.GetReportChart();
-        if (!reportChart) return;
-
-        if (this.IsPhoneDragging(e))
-        {
-            var drag= { "Click":{}, "LastMove":{}  }; //LastMove 最后移动的位置
-            var touches=this.GetToucheData(e);
-
-            drag.Click.X=touches[0].clientX;
-            drag.Click.Y=touches[0].clientY;
-            drag.LastMove.X=touches[0].clientX;
-            drag.LastMove.Y=touches[0].clientY;
-            drag.IsXMove=false;
-            drag.IsYMove=false;
-
-            if (reportChart.IsPtInBody(drag.Click.X,drag.Click.Y))
-            {
-                this.TouchDrag=drag;
-            }
-
-            this.TouchInfo={ Click:{X:touches[0].clientX, Y:touches[0].clientY } };
-            this.PreventTouchEvent(e);
-        }
-    }
-
-    this.OnDragYOffset=function(drag, touches, moveUpDown, e)
-    {
-        if (moveUpDown<5) return false
-
-        var isUp=true;
-        if (drag.LastMove.Y<touches[0].clientY) isUp=false;     //Down
-
-        var oneStep=this.YStepPixel;
-        if (oneStep<=0) oneStep=5;
-
-        var step=parseInt(moveUpDown/oneStep); 
-        if (step<=0) return false
-
-        if (isUp==false) step*=-1;
-
-        if (this.MoveYOffset(step, this.DragPageCycle))
-        {
-            drag.IsYMove=true;
-            this.Draw();
-            this.DelayUpdateStockData();
-        }
-
-        return true;
-    }
-
-    this.OnDragXOffset=function(drag, touches, moveLeftRight, e)
-    {
-        if (moveLeftRight<5) return false;
-
-        var isLeft=true;
-        if (drag.LastMove.X<touches[0].clientX) isLeft=false;//右移数据
-
-        var oneStep=this.XStepPixel;
-        if (oneStep<=0) oneStep=5;
-
-        var step=parseInt(moveLeftRight/oneStep);  //除以4个像素
-        if (step<=0) return false;
-
-        if (!isLeft) step*=-1;
-
-        if (this.MoveXOffset(step))
-        {
-            drag.IsXMove=true;
-            this.Draw();
-        }
-
-        return true;
-    }
-
-    this.OnTouchMove=function(e)
-    {
-        if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
-
-        var reportChart=this.GetReportChart();
-        if (!reportChart) return;
-
-        var touches=this.GetToucheData(e);
-        
-        if (this.IsPhoneDragging(e))
-        {
-            var drag=this.TouchDrag;
-
-            this.TouchInfo.Move={ X:touches[0].clientX, Y:touches[0].clientY };
-
-            if (drag)
-            {
-                this.PreventTouchEvent(e);
-
-                var moveAngle=this.GetMoveAngle(drag.LastMove,{X:touches[0].clientX, Y:touches[0].clientY});
-                var moveLeftRight=Math.abs(drag.LastMove.X-touches[0].clientX);
-                var moveUpDown=Math.abs(drag.LastMove.Y-touches[0].clientY);
-
-               
-                if (drag.IsYMove==true)
-                {
-                    this.ShowPageInfo(true);
-                    if (!this.OnDragYOffset(drag, touches,moveUpDown, e)) return;
-                }
-                else if (drag.IsXMove==true)
-                {
-                    if (!this.OnDragXOffset(drag, touches,moveLeftRight, e)) return;
-                }
-                else if (moveUpDown>0 && moveAngle<this.TouchMoveMinAngle)
-                {
-                    this.ShowPageInfo(true);
-                    if (!this.OnDragYOffset(drag, touches,moveUpDown, e)) return;
-                }
-                else if (moveLeftRight>0 && moveAngle>=this.TouchMoveMinAngle)
-                {
-                    if (!this.OnDragXOffset(drag, touches,moveLeftRight, e)) return;
-                }
-                else
-                {
-                    return;
-                }
-
-                drag.LastMove.X=touches[0].clientX;
-                drag.LastMove.Y=touches[0].clientY;
-            }
-
-        }
-    }
-
-    this.OnTouchEnd=function(e)
-    {
-        JSConsole.Chart.Log('[JSReportChartContainer:OnTouchEnd]',e);
-        if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
-
-        this.ShowPageInfo(false);
-        this.OnTouchClick(this.TouchInfo, e);
-
-        this.IsOnTouch=false;
-        this.TouchDrag=null;
-        this.TouchInfo=null;
-    }
-
-    this.OnTouchClick=function(touchInfo, e)
-    {
-        if (!touchInfo || !touchInfo.Click) return false;
-        if (touchInfo.Move) return false;
-        var clickPoint=touchInfo.Click;
-        var reportChart=this.GetReportChart();
-        if (!reportChart) return false;
-
-        var clickData=reportChart.OnMouseDown(clickPoint.X,clickPoint.Y,e);
-        if (!clickData) return false;
-
-        if (clickData.Type==2 || clickData.Type==4)  //点击行
-        {
-            if (clickData.Redraw==true)
-                this.Draw();
-        }
-        else if (clickData.Type==3) //表头
-        {
-            this.OnClickHeader(clickData, e);
-        }
-
-        JSConsole.Chart.Log('[JSReportChartContainer:OnTouchClick] clickData', clickData);
-    }
-
-    this.GetTabChart=function()
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart) return null;
-        
-        return chart.Tab;
-    }
-
-    this.GetReportChart=function()
-    {
-        var chart=this.ChartPaint[0];
-        return chart;
-    }
-
-    this.GotoNextPage=function(bCycle) //bCycle 是否循环
-    {
-        if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return false;
-        var chart=this.ChartPaint[0];
-        if (!chart) return false;
-
-        var pageSize=chart.GetPageSize();
-        if (pageSize>this.Data.Data.length) return false;
-        if (this.Data.YOffset+pageSize>=this.Data.Data.length) 
-        {
-            if (bCycle===true)
-            {
-                this.Data.YOffset=0;    //循环到第1页
-                return true;
-            }
-            else
-            {
-                return false;
-            }
-        }
-
-        this.Data.YOffset+=pageSize;
-        var showDataCount=this.Data.Data.length-this.Data.YOffset;
-
-        if (chart.SelectedModel==0)
-        {
-            if (chart.SelectedRow>showDataCount-1) chart.SelectedRow=showDataCount-1;
-        }
-
-        return true;
-    }
-
-    this.GotoPreviousPage=function(bCycle)  //bCycle 是否循环
-    {
-        if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return false;
-        var chart=this.ChartPaint[0];
-        if (!chart) return false;
-        var pageSize=chart.GetPageSize();
-        if (pageSize>this.Data.Data.length) return false;
-
-        if (this.Data.YOffset<=0) 
-        {
-            if (bCycle===true)
-            {
-                this.Data.YOffset=this.Data.Data.length-pageSize;   //循环到最后一页
-                return true;
-            }
-            else
-            {
-                return false;
-            }
-        }
-        
-        var offset=this.Data.YOffset;
-        offset-=pageSize;
-        if (offset<0) offset=0;
-        this.Data.YOffset=offset;
-        return true;
-    }
-
-    this.MoveYOffset=function(setp, bCycle) //bCycle 是否循环
-    {
-        if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return false;
-        var chart=this.ChartPaint[0];
-        if (!chart) return false;
-
-        var pageStatus=chart.GetCurrentPageStatus();
-        if (pageStatus.IsSinglePage) return false;
-
-        if (setp>0) //向上
-        {
-            var count=this.Data.Data.length;
-            var pageSize=pageStatus.PageSize;
-            var offset=this.Data.YOffset;
-            if (bCycle)
-            {
-                for(var i=0;i<setp;++i)
-                {
-                    ++offset;
-                    if (offset+pageSize>count) offset=0;
-                }
-            }
-            else
-            {
-                if (offset+pageSize>=count) return false;
-
-                for(var i=0;i<setp;++i)
-                {
-                    if (offset+pageSize+1>count) break;
-                    ++offset;
-                }
-            }
-
-            this.Data.YOffset=offset;
-            return true;
-        }
-        else if (setp<0)   //向下
-        {
-            setp=Math.abs(setp);
-            var offset=this.Data.YOffset;
-            if (bCycle)
-            {
-                var pageSize=pageStatus.PageSize;
-                for(var i=0;i<setp;++i)
-                {
-                    --offset;
-                    if (offset<0) offset=this.Data.Data.length-pageSize;
-                }
-            }
-            else
-            {
-                if (this.Data.YOffset<=0) return false;
-                for(var i=0;i<setp;++i)
-                {
-                    if (offset-1<0) break;
-                    --offset;
-                }
-            }
-
-            this.Data.YOffset=offset;
-            return true;
-        }
-
-        return false;
-    }
-
-    this.MoveSelectedRow=function(step)
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart) return null;
-        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return null;
-
-        var result={ Redraw:false, Update:false };  //Redraw=重绘, Update=更新数据
-
-        
-        if (chart.SelectedModel==0)     //不可翻页模式, 只能在当前页移动
-        {
-            var pageStatus=chart.GetCurrentPageStatus();
-            var pageSize=pageStatus.End-pageStatus.Start+1;
-            var selected=pageStatus.SelectedRow;
-            if (step>0)
-            {
-                selected+=step;
-                selected=selected%pageSize;
-                chart.SelectedRow=selected;
-                chart.SelectedFixedRow=-1;
-                result.Redraw=true;
-                return result;
-            }
-            else if (step<0)
-            {
-                selected+=step;
-                if (selected<0)
-                {
-                    selected=selected%pageSize;
-                    selected=pageSize+selected;
-                }
-
-                chart.SelectedRow=selected;
-                chart.SelectedFixedRow=-1;
-                result.Redraw=true;
-                return result;
-            }
-        }
-        else if (chart.SelectedModel==1)    //可翻页模式
-        {
-            var pageStatus=chart.GetCurrentPageStatus();
-            var pageSize=pageStatus.PageSize;
-            var selected=pageStatus.SelectedRow;
-            if (step>0)
-            {
-                if (selected<0 || selected<pageStatus.Start || selected>pageStatus.End)
-                {
-                    chart.SelectedRow=pageStatus.Start;
-                    result.Redraw=true;
-                    return result;
-                }
-
-                var offset=this.Data.YOffset;
-                for(var i=0;i<step;++i)
-                {
-                    ++selected;
-                    if (selected>pageStatus.End) ++offset;
-
-                    if (selected>=this.Data.Data.length)
-                    {
-                        selected=0;
-                        offset=0;
-                    }
-                }
-
-                result.Redraw=true;
-                result.Update=(offset!=this.Data.YOffset);
-
-                chart.SelectedRow=selected;
-                this.Data.YOffset=offset;
-
-                return result;
-            }
-            else if (step<0)
-            {
-                if (selected<0 || selected<pageStatus.Start || selected>pageStatus.End)
-                {
-                    chart.SelectedRow=pageStatus.End;
-                    result.Redraw=true;
-                    return result;
-                }
-
-                step=Math.abs(step);
-                var offset=this.Data.YOffset;
-                for(var i=0;i<step;++i)
-                {
-                    --selected;
-                    if (selected<pageStatus.Start) --offset;
-
-                    if (selected<0)
-                    {
-                        selected=this.Data.Data.length-1;
-                        offset=this.Data.Data.length-pageSize;
-                        if (offset<0) offset=0;
-                    }
-                }
-
-                result.Redraw=true;
-                result.Update=(offset!=this.Data.YOffset);
-
-                chart.SelectedRow=selected;
-                this.Data.YOffset=offset;
-
-                return result;
-            }
-        }
-
-        return null;
-    }
-
-    //左右移动
-    this.MoveXOffset=function(step)
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart) return false;
-        var maxOffset=chart.GetXScrollRange();
-        if (maxOffset<=0) return false;
-
-        if (step>0)
-        {
-            if (this.Data.XOffset>=maxOffset) return false;
-            for(var i=0;i<step;++i)
-            {
-                if (this.Data.XOffset>=maxOffset) break;
-                ++this.Data.XOffset;
-            }
-
-            return true;
-        }
-        else if (step<0)
-        {
-            if (this.Data.XOffset<=0) return false;
-            step=Math.abs(step);
-            for(var i=0;i<step;++i)
-            {
-                if (this.Data.XOffset-1<0) break;
-                --this.Data.XOffset;
-            }
-            return true;
-        }
-
-        return false;
-    }
-
-    this.SetXOffset=function(pos)
-    {
-        if (!IFrameSplitOperator.IsNumber(pos)) return false;
-
-        var chart=this.ChartPaint[0];
-        if (!chart) return false;
-        var maxOffset=chart.GetXScrollRange();
-        if (pos<0) pos=0;
-        if (pos>maxOffset) pos=maxOffset;
-
-        this.Data.XOffset=pos;
-
-        return true;
-    }
-
-    this.GotoLastPage=function()
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart) return;
-
-        //显示最后一屏
-        var pageSize=chart.GetPageSize(true);
-        var offset=this.Data.Data.length-pageSize;
-        if (offset<0) offset=0;
-        this.Data.DataOffset=offset;
-    }
-
-    this.SetColumn=function(aryColunm, option)
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart)  return;
-
-        chart.SetColumn(aryColunm);
-        chart.SizeChange=true;
-
-        if (option && option.Redraw) this.Draw();
-    }
-
-    this.SetTab=function(aryTab, option)
-    {
-        var chart=this.ChartPaint[0];;
-        if (!chart) return;
-
-        var chartTab=chart.Tab;
-        if (!chartTab) return;
-
-        chartTab.SetTabList(aryTab);
-
-        if (option && option.Redraw) this.Draw();
-    }
-
-    this.SetSelectedTab=function(index, opiton)
-    {
-        var chart=this.ChartPaint[0];;
-        if (!chart) return;
-
-        var chartTab=chart.Tab;
-        if (!chartTab) return;
-
-        chartTab.SelectedTabIndex=index;
-    }
-
-    this.ReloadResource=function(option)
-    {
-        this.Frame.ReloadResource(option);
-        
-        for(var i=0;i<this.ChartPaint.length;++i)
-        {
-            var item=this.ChartPaint[i];
-            if (item.ReloadResource) item.ReloadResource(option);
-        }
-
-        if (option && option.Redraw)
-        {
-            this.SetSizeChange(true);
-            this.Draw();
-        }
-    }
-
-    //点表头
-    this.OnClickHeader=function(clickData, e)
-    {
-        var header=clickData.Header;
-        if (header.Column && (header.Column.Sort==1 || header.Column.Sort==2))
-        {
-            var index=header.Index;
-            var sortInfo={Field:this.SortInfo.Field, Sort:this.SortInfo.Sort };
-            var arySortType=header.Column.SortType;
-            if (sortInfo.Field!=index)
-            {
-                sortInfo.Field=index;
-                sortInfo.Sort=arySortType[0]
-            }
-            else
-            {
-                if (arySortType.length==1) 
-                {
-                    sortInfo.Sort=arySortType[0];
-                }
-                else
-                {
-                    for(var i=0;i<arySortType.length;++i)
-                    {
-                        if (sortInfo.Sort==arySortType[i])
-                        {
-                            sortInfo.Sort=arySortType[(i+1)%arySortType.length];
-                            break;
-                        }
-                    }
-                }
-            }
-
-            if (header.Column.Sort==1 || header.Column.Sort==2)  
-            {
-                if (sortInfo.Sort==0)
-                {
-                    this.Data.Data=[];
-                    for(var i=0;i<this.SourceData.Data.length;++i)
-                    {
-                        this.Data.Data.push(this.SourceData.Data[i]);
-                    }
-                } 
-                else
-                {
-                    if (header.Column.Sort==1)  //本地排序
-                    {
-                        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_REPORT_LOCAL_SORT);
-                        if (event && event.Callback)
-                        {
-                            var sendData={ Column:header.Column, SortInfo:sortInfo, SymbolList:this.Data.Data, Result:null };
-                            event.Callback (event, sendData, this);
-                            if (Array.isArray(sendData.Result)) this.Data.Data=sendData.Result;
-                        }
-                        else
-                        {
-                            this.Data.Data.sort((left, right)=> { return this.LocalSort(left, right, header.Column, sortInfo.Sort); });
-                        }
-                    }
-                    else if (header.Column.Sort==2) //远程排序
-                    {
-                        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return;
-                        
-                        this.SortInfo.Field=sortInfo.Field;
-                        this.SortInfo.Sort=sortInfo.Sort;
-                        this.Data.YOffset=0;
-                        this.ResetReportSelectStatus();
-                        this.RequestStockSortData(header.Column, sortInfo.Field, sortInfo.Sort);   //远程排序
-                        return;
-                    }
-                }
-
-                this.Data.YOffset=0;
-                this.ResetReportSelectStatus();
-                this.SortInfo.Field=sortInfo.Field;
-                this.SortInfo.Sort=sortInfo.Sort;
-                this.Draw();
-                this.DelayUpdateStockData();
-            }
-        }
-    }
-
-    //点击标签
-    this.OnClickTab=function(tabData, e)
-    {
-        if (!tabData.Tab) return;
-
-        var redraw=false;
-        var pixelTatio = GetDevicePixelRatio();
-        var x = (e.clientX-this.UIElement.getBoundingClientRect().left)*pixelTatio;
-        var y = (e.clientY-this.UIElement.getBoundingClientRect().top)*pixelTatio;
-
-        if (tabData.Tab.IsMenu)
-        {
-            var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_CLICK_REPORT_TABMENU);
-            if (event && event.Callback)
-            {
-                redraw=true;
-                var rtItem=tabData.Rect;
-                var rtDOM={ Left: rtItem.Left/pixelTatio, Right:rtItem.Right/pixelTatio, Top:rtItem.Top/pixelTatio, Bottom:rtItem.Bottom/pixelTatio };
-
-                var sendData={ Data:tabData, IsSide:{X:x, Y:x}, Rect:rtDOM, e:e , Redraw:redraw };
-                event.Callback(event, sendData, this);
-                if (IFrameSplitOperator.IsBool(sendData.Redraw)) redraw=sendData.Redraw;
-            }
-
-            this.SetSelectedTab(tabData.Index); //选中tab
-        }
-        else
-        {
-            var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_CLICK_REPORT_TAB);
-            if (event && event.Callback)
-            {
-                var sendData={ Data:tabData, IsSide:{X:x, Y:x}, e:e , Redraw:redraw };
-                event.Callback(event, sendData, this);
-                if (IFrameSplitOperator.IsBool(sendData.Redraw)) redraw=sendData.Redraw;
-            }
-
-            this.SetSelectedTab(tabData.Index);
-        }
-
-        if (redraw) this.Draw();
-    }
-
-    //本地排序
-    this.LocalSort=function(left, right, column, sortType)
-    {
-        switch(column.Type)
-        {
-            case REPORT_COLUMN_ID.SYMBOL_ID:
-            case REPORT_COLUMN_ID.NAME_ID:
-                return this.LocalStringSort(left, right, column, sortType);
-            case REPORT_COLUMN_ID.PRICE_ID:
-            case REPORT_COLUMN_ID.VOL_ID:
-            case REPORT_COLUMN_ID.INCREASE_ID:
-            case REPORT_COLUMN_ID.UPDOWN_ID:
-            case REPORT_COLUMN_ID.BUY_PRICE_ID:
-            case REPORT_COLUMN_ID.SELL_PRICE_ID:
-            case REPORT_COLUMN_ID.AMOUNT_ID:
-            case REPORT_COLUMN_ID.BUY_VOL_ID:
-            case REPORT_COLUMN_ID.SELL_VOL_ID:
-            case REPORT_COLUMN_ID.YCLOSE_ID:
-            case REPORT_COLUMN_ID.OPEN_ID:
-            case REPORT_COLUMN_ID.HIGH_ID:
-            case REPORT_COLUMN_ID.LOW_ID:
-            case REPORT_COLUMN_ID.AVERAGE_PRICE_ID:
-
-            case REPORT_COLUMN_ID.OUTSTANDING_SHARES_ID:
-            case REPORT_COLUMN_ID.TOTAL_SHARES_ID:
-            case REPORT_COLUMN_ID.CIRC_MARKET_VALUE_ID:
-            case REPORT_COLUMN_ID.MARKET_VALUE_ID:
-
-            case REPORT_COLUMN_ID.EXCHANGE_RATE_ID:
-            case REPORT_COLUMN_ID.AMPLITUDE_ID:
-
-            case REPORT_COLUMN_ID.LIMIT_HIGH_ID:
-            case REPORT_COLUMN_ID.LIMIT_LOW_ID:
-
-            case REPORT_COLUMN_ID.VOL_IN_ID:
-            case REPORT_COLUMN_ID.VOL_OUT_ID:
-
-                return this.LocalNumberSort(left, right, column, sortType);
-            case REPORT_COLUMN_ID.CUSTOM_NUMBER_TEXT_ID:    //自定义数值字段
-                return this.LoacCustomNumberSort(left, right, column, sortType);
-            case REPORT_COLUMN_ID.CUSTOM_STRING_TEXT_ID:    //自定义字符串字段
-                return this.LoacCustomStringSort(left, right, column, sortType);
-            case REPORT_COLUMN_ID.CUSTOM_DATETIME_TEXT_ID:
-                return this.LoacCustomDateTimeSort(left, right, column, sortType);
-            default:
-                return 0;
-        }
-    }
-
-    this.GetStockExtendData=function(symbol,column)
-    {
-        if (IFrameSplitOperator.IsNumber(column.DataIndex))
-        {
-            if (column.DataIndex<0) return null;
-            var stock=this.GetStockData(symbol);
-            if (!stock || !stock.ExtendData) return null;
-
-            return stock.ExtendData[column.DataIndex];
-        }
-
-        if (IFrameSplitOperator.IsNumber(column.BlockIndex))
-        {
-            if (column.BlockIndex<0) return null;
-            var stock=this.GetBlockData(symbol);
-            if (!stock) return null;
-
-            return stock[column.BlockIndex];
-        }
-
-        return null;
-    }
-
-    this.LocalStringSort=function(left, right, column, sortType)
-    {
-        var leftStock=this.GetStockData(left);
-        var rightStock=this.GetStockData(right);
-
-        var leftValue="", rightValue="";
-        if (sortType==2)
-        {
-            leftValue="啊啊啊啊啊";
-            rightValue="啊啊啊啊啊";
-        }
-
-        var filedName=MAP_COLUMN_FIELD.get(column.Type);
-        if (leftStock && leftStock[filedName]) leftValue=leftStock[filedName];
-        if (rightStock && rightStock[filedName]) rightValue=rightStock[filedName];
-
-        if (sortType==1)
-        {
-            if (rightValue<leftValue) return -1;
-            else if (rightValue<leftValue) return 1;
-            else return 0;
-        }
-        else
-        {
-            if (leftValue<rightValue) return -1;
-            else if (leftValue>rightValue) return 1;
-            else return 0;
-        }
-    }
-
-    this.LocalNumberSort=function(left, right, column, sortType)
-    {
-        var leftStock=this.GetStockData(left);
-        var rightStock=this.GetStockData(right);
-
-        var leftValue=-99999999999999, rightValue=-99999999999999;
-        if (sortType==2) leftValue=rightValue=99999999999999;
-
-        var filedName=MAP_COLUMN_FIELD.get(column.Type);
-        if (leftStock && IFrameSplitOperator.IsNumber(leftStock[filedName])) leftValue=leftStock[filedName];
-        if (rightStock && IFrameSplitOperator.IsNumber(rightStock[filedName])) rightValue=rightStock[filedName];
-        
-        if (sortType==1)
-        {
-            if (rightValue<leftValue) return -1;
-            else if (rightValue<leftValue) return 1;
-            else return 0;
-        }
-        else
-        {
-            if (leftValue<rightValue) return -1;
-            else if (leftValue>rightValue) return 1;
-            else return 0;
-        }
-    }
-
-    this.LoacCustomNumberSort=function(left, right, column, sortType)
-    {
-        var leftValue=-99999999999999, rightValue=-99999999999999;
-        if (sortType==2) leftValue=rightValue=99999999999999;
-
-        var value=this.GetStockExtendData(left, column);
-        if (IFrameSplitOperator.IsNumber(value)) leftValue=value;
-
-        var value=this.GetStockExtendData(right, column);
-        if (IFrameSplitOperator.IsNumber(value)) rightValue=value;
-
-        if (sortType==1)
-        {
-            if (rightValue<leftValue) return -1;
-            else if (rightValue<leftValue) return 1;
-            else return 0;
-        }
-        else
-        {
-            if (leftValue<rightValue) return -1;
-            else if (leftValue>rightValue) return 1;
-            else return 0;
-        }
-    }
-
-    this.LoacCustomDateTimeSort=function(left, right, column, sortType)
-    {
-        var leftValue=-99999999999999, rightValue=-99999999999999;
-        if (sortType==2) leftValue=rightValue=99999999999999;
-
-        var value=this.GetStockExtendData(left, column);
-        if (IFrameSplitOperator.IsNumber(value)) leftValue=value;
-
-        var value=this.GetStockExtendData(right, column);
-        if (IFrameSplitOperator.IsNumber(value)) rightValue=value;
-
-        if (sortType==1)
-        {
-            if (rightValue<leftValue) return -1;
-            else if (rightValue<leftValue) return 1;
-            else return 0;
-        }
-        else
-        {
-            if (leftValue<rightValue) return -1;
-            else if (leftValue>rightValue) return 1;
-            else return 0;
-        }
-    }
-
-    this.RequestStockSortData=function(column, filedid, sortType)
-    {
-        var chart=this.ChartPaint[0];
-        if (!chart) return;
-
-        var self=this;
-        var startIndex=this.Data.YOffset;
-        var pageSize=chart.GetPageSize();
-        var endIndex=startIndex+pageSize;
-        if (endIndex>=this.Data.Data.length) endIndex=this.Data.Data.length-1;
-
-        if (this.NetworkFilter)
-        {
-            var obj=
-            {
-                Name:'JSDealChartContainer::RequestStockSortData', //类名::函数名
-                Explain:'报价列表股票排序数据',
-                Request:
-                { 
-                    Data: 
-                    { 
-                        range:{ start:startIndex, end:endIndex, count:this.Data.Data.length }, 
-                        column:{ name: column.Title, type: column.Type, index:filedid , ID:column.ID}, 
-                        sort:sortType, symbol:this.Symbol, name:this.Name,
-                        pageSize:pageSize
-                    } 
-                }, 
-                Self:this,
-                PreventDefault:false
-            };
-
-            if (chart.FixedRowCount>0 && chart.FixedRowData.Type==1)
-            {
-                var arySymbol=[];
-                for(var i=0;i<chart.FixedRowData.Symbol.length;++i)
-                {
-                    var item=chart.FixedRowData.Symbol[i];
-                    if (item) arySymbol.push(item);
-                }
-
-                obj.Request.FixedSymbol=arySymbol;
-            }
-
-            this.NetworkFilter(obj, function(data) 
-            { 
-                self.RecvStockSortData(data);
-                self.AutoUpdate();
-            });
-
-            if (obj.PreventDefault==true) return;  
-        }
-
-        throw { Name:'JSReportChartContainer::RequestStockSortData', Error:'(报价列表股票排序数据)不提供内置测试数据' };
-    }
-
-    this.RecvStockSortData=function(data)
-    {
-        //更新股票数据
-        var arySymbol=[];
-        if (IFrameSplitOperator.IsNonEmptyArray(data.data))
-        {
-            for(var i=0;i<data.data.length;++i)
-            {
-                var item=data.data[i];     //数据
-                var symbol=item[0];
-                if (!symbol) continue;
-                var stock=null;
-                if (this.MapStockData.has(symbol))
-                {
-                    stock=this.MapStockData.get(symbol);
-                }
-                else
-                {
-                    stock=new HQReportItem();
-                    stock.OriginalSymbol=symbol;
-                    stock.Symbol=this.GetSymbolNoSuffix(symbol);
-                    this.MapStockData.set(symbol, stock);
-                }
-
-                this.ReadStockJsonData(stock, item);
-
-                arySymbol.push(symbol);
-            }
-        }
-
-        //更新股票顺序
-        if (IFrameSplitOperator.IsNonEmptyArray(data.index))
-        {
-            for(var i=0;i<data.index.length;++i)
-            {
-                var index=data.index[i];
-                var newSymbol=arySymbol[i];
-                var oldSymbol=this.Data.Data[index];
-                if (newSymbol==oldSymbol) continue;
-                this.Data.Data[index]=newSymbol;
-            }
-        }
-
-        var chart=this.ChartPaint[0];
-        if (!chart) return;
-
-        //更新的股票在当前页面,需要重绘
-        var bUpdate=true;
-        if (bUpdate) this.Draw();
-    }
-
-    //底部标签
-    this.ShowPageInfo=function(bShow)
-    {
-        var chart=this.ChartPaint[1];
-        if (!chart) return false;
-
-        chart.IsShow=bShow;
-
-        return true;
-    }
-}
-
-function JSReportFrame()
-{
-    this.ChartBorder;
-    this.Canvas;                            //画布
-
-    this.BorderLine=null;                   //1=上 2=下 4=左 8=右
-
-    this.BorderColor=g_JSChartResource.Report.BorderColor;    //边框线
-
-    this.LogoTextColor=g_JSChartResource.FrameLogo.TextColor;
-    this.LogoTextFont=g_JSChartResource.FrameLogo.Font;
-
-    this.ReloadResource=function(resource)
-    {
-        this.BorderColor=g_JSChartResource.Report.BorderColor;    //边框线
-        this.LogoTextColor=g_JSChartResource.FrameLogo.TextColor;
-        this.LogoTextFont=g_JSChartResource.FrameLogo.Font;
-    }
-
-    this.Draw=function()
-    {
-        var left=ToFixedPoint(this.ChartBorder.GetLeft());
-        var top=ToFixedPoint(this.ChartBorder.GetTop());
-        var right=ToFixedPoint(this.ChartBorder.GetRight());
-        var bottom=ToFixedPoint(this.ChartBorder.GetBottom());
-        var width=right-left;
-        var height=bottom-top;
-
-        if (!IFrameSplitOperator.IsNumber(this.BorderLine))
-        {
-            this.Canvas.strokeStyle=this.BorderColor;
-            this.Canvas.strokeRect(left,top,width,height);
-        }
-        else
-        {
-            this.Canvas.strokeStyle=this.BorderColor;
-            this.Canvas.beginPath();
-
-            if ((this.BorderLine&1)>0) //上
-            {
-                this.Canvas.moveTo(left,top);
-                this.Canvas.lineTo(right,top);
-            }
-
-            if ((this.BorderLine&2)>0)  //下
-            {
-                this.Canvas.moveTo(left,bottom);
-                this.Canvas.lineTo(right,bottom);
-            }
-
-            if ((this.BorderLine&4)>0)  //左
-            {
-                this.Canvas.moveTo(left,top);
-                this.Canvas.lineTo(left,bottom);
-            }
-
-            if ((this.BorderLine&8)>0)    //右
-            {
-                this.Canvas.moveTo(right,top);
-                this.Canvas.lineTo(right,bottom);
-            }
-              
-            this.Canvas.stroke();
-        }
-    }
-
-    this.DrawLogo=function()
-    {
-        var text=g_JSChartResource.FrameLogo.Text;
-        if (!IFrameSplitOperator.IsString(text)) return;
-
-        this.Canvas.fillStyle=this.LogoTextColor;
-        this.Canvas.font=this.LogoTextFont;
-        this.Canvas.textAlign = 'right';
-        this.Canvas.textBaseline = 'bottom';
-       
-        var x=this.ChartBorder.GetRight()-10;
-        var y=this.ChartBorder.GetBottom()-5;
-        this.Canvas.fillText(text,x,y); 
-    }
-}
-
-var REPORT_COLUMN_ID=
-{
-    SYMBOL_ID:0,     
-    NAME_ID:1,
-    PRICE_ID:2,         //成交价格
-    VOL_ID:3,           //成交量
-    INCREASE_ID:4,      //涨幅
-    UPDOWN_ID:5,        //涨跌
-    BUY_PRICE_ID:6,     //买价
-    SELL_PRICE_ID:7,     //卖价
-    AMOUNT_ID:8,        //总金额
-    BUY_VOL_ID:9,       //买量
-    SELL_VOL_ID:10,     //卖量
-    YCLOSE_ID:11,       //昨收
-    OPEN_ID:12,
-    HIGH_ID:13,
-    LOW_ID:14,
-    AVERAGE_PRICE_ID:15,//均价
-    INDEX_ID:16,         //序号 从1开始
-
-    OUTSTANDING_SHARES_ID:17,   //流通股本
-    TOTAL_SHARES_ID:18,         //总股本
-    CIRC_MARKET_VALUE_ID:19,    //流通市值
-    MARKET_VALUE_ID:20,         //总市值
-
-    EXCHANGE_RATE_ID:21,        //换手率 成交量/流通股本
-    AMPLITUDE_ID:22,            //振幅
-
-    LIMIT_HIGH_ID:23,       //涨停价
-    LIMIT_LOW_ID:24,        //跌停价
-
-    VOL_IN_ID:25,
-    VOL_OUT_ID:26,
-
-    CLOSE_LINE_ID:28,       //收盘价线
-
-    SYMBOL_NAME_ID:99,
-
-    CUSTOM_STRING_TEXT_ID:100,   //自定义字符串文本
-    CUSTOM_NUMBER_TEXT_ID:101,    //自定义数值型
-    CUSTOM_DATETIME_TEXT_ID:102  //自定义日期类型
-};
-
-var MAP_COLUMN_FIELD=new Map([
-    [REPORT_COLUMN_ID.SYMBOL_ID, "Symbol"],
-    [REPORT_COLUMN_ID.NAME_ID, "Name"],
-    [REPORT_COLUMN_ID.PRICE_ID, "Price"],
-    [REPORT_COLUMN_ID.INCREASE_ID, "Increase"],
-    [REPORT_COLUMN_ID.UPDOWN_ID, "UpDown"],
-    [REPORT_COLUMN_ID.VOL_ID, "Vol"],
-    [REPORT_COLUMN_ID.BUY_PRICE_ID, "BuyPrice"],
-    [REPORT_COLUMN_ID.SELL_PRICE_ID, "SellPrice"],
-    [REPORT_COLUMN_ID.AMOUNT_ID, "Amount"],
-    [REPORT_COLUMN_ID.BUY_VOL_ID, "BuyVol"],
-    [REPORT_COLUMN_ID.SELL_VOL_ID, "SellVol"],
-    [REPORT_COLUMN_ID.YCLOSE_ID, "YClose"],
-    [REPORT_COLUMN_ID.OPEN_ID, "Open"],
-    [REPORT_COLUMN_ID.HIGH_ID, "High"],
-    [REPORT_COLUMN_ID.LOW_ID, "Low"],
-    [REPORT_COLUMN_ID.AVERAGE_PRICE_ID,"AvPrice"],
-
-    [REPORT_COLUMN_ID.OUTSTANDING_SHARES_ID,"OutShares"],
-    [REPORT_COLUMN_ID.TOTAL_SHARES_ID,"TotalShares"],
-    [REPORT_COLUMN_ID.CIRC_MARKET_VALUE_ID,"CircMarketValue"],
-    [REPORT_COLUMN_ID.MARKET_VALUE_ID,"MarketValue"],
-
-    [REPORT_COLUMN_ID.EXCHANGE_RATE_ID, "Exchange"],
-    [REPORT_COLUMN_ID.AMPLITUDE_ID, "Amplitude"],
-
-    [REPORT_COLUMN_ID.LIMIT_HIGH_ID, "LimitHigh"],
-    [REPORT_COLUMN_ID.LIMIT_LOW_ID,"LimitLow"],
-
-    [REPORT_COLUMN_ID.VOL_IN_ID, "VolIn"],
-    [REPORT_COLUMN_ID.VOL_OUT_ID,"VolOut"],
-]);
-
-function ChartReport()
-{
-    this.Canvas;                        //画布
-    this.ChartBorder;                   //边框信息
-    this.ChartFrame;                    //框架画法
-    this.Name;                          //名称
-    this.ClassName='ChartReport';       //类名
-    this.IsDrawFirst=false;
-    this.GetEventCallback;              //获取事件
-    this.GetStockDataCallback;          //获取股票数据
-    this.GetBlockDataCallback;          //获取当前板块的数据
-    this.Data;                          //数据 { XOffset:0, YOffset:0, Data:['600000.sh', '000001.sz'] }
-    this.FixedRowData;                  //固定行
-    this.SortInfo;                      //排序信息 {Field:排序字段id, Sort:0 不排序 1升序 2降序 }    
-    this.FixedColumn=2;                 //固定列
-    this.FixedRowCount=0;               //固定行         
-    
-    this.IsShowHeader=true;             //是否显示表头
-    this.SizeChange=true;
-
-    this.SelectedModel=0;               //选中模式 0=SelectedRow表示当前屏索引
-    this.SelectedRow=-1;                //选中行ID
-    this.SelectedFixedRow=-1;           //选中固定行ID
-    this.IsDrawBorder=1;                //是否绘制单元格边框
-
-    this.ShowSymbol=[];                 //显示的股票列表 { Index:序号(排序用), Symbol:股票代码 }
-
-    //涨跌颜色
-    this.UpColor=g_JSChartResource.Report.UpTextColor;
-    this.DownColor=g_JSChartResource.Report.DownTextColor;
-    this.UnchagneColor=g_JSChartResource.Report.UnchagneTextColor; 
-
-    this.BorderColor=g_JSChartResource.Report.BorderColor;          //边框线
-    this.SelectedColor=g_JSChartResource.Report.SelectedColor;      //选中行
-
-    //表头配置
-    this.HeaderFontConfig={ Size:g_JSChartResource.Report.Header.Font.Size, Name:g_JSChartResource.Report.Header.Font.Name };
-    this.HeaderColor=g_JSChartResource.Report.Header.Color;
-    this.SortColor=g_JSChartResource.Report.Header.SortColor;      //排序箭头颜色
-    this.HeaderMergin=
-    { 
-        Left:g_JSChartResource.Report.Header.Mergin.Left, 
-        Right:g_JSChartResource.Report.Header.Mergin.Right, 
-        Top:g_JSChartResource.Report.Header.Mergin.Top, 
-        Bottom:g_JSChartResource.Report.Header.Mergin.Bottom
-    };
-
-    //表格内容配置
-    this.ItemFontConfig={ Size:g_JSChartResource.Report.Item.Font.Size, Name:g_JSChartResource.Report.Item.Font.Name };
-    this.ItemFixedFontConfg={ Size:g_JSChartResource.Report.FixedItem.Font.Size, Name:g_JSChartResource.Report.FixedItem.Font.Name }; //固定行
-    this.ItemMergin=
-    { 
-        Left:g_JSChartResource.Report.Item.Mergin.Left, 
-        Right:g_JSChartResource.Report.Item.Mergin.Right, 
-        Top:g_JSChartResource.Report.Item.Mergin.Top, 
-        Bottom:g_JSChartResource.Report.Item.Mergin.Bottom 
-    };
-    this.BarMergin=
-    { 
-        Top:g_JSChartResource.Report.Item.BarMergin.Top, 
-        Left:g_JSChartResource.Report.Item.BarMergin.Left, 
-        Right:g_JSChartResource.Report.Item.BarMergin.Right,
-        Bottom:g_JSChartResource.Report.Item.BarMergin.Bottom
-    };
-
-    this.LimitBorderColor=g_JSChartResource.Report.LimitBorder.Color;
-    this.LimitMergin=
-    {
-        Top:g_JSChartResource.Report.LimitBorder.Mergin.Top, 
-        Left:g_JSChartResource.Report.LimitBorder.Mergin.Left, 
-        Right:g_JSChartResource.Report.LimitBorder.Mergin.Right,
-        Bottom:g_JSChartResource.Report.LimitBorder.Mergin.Bottom
-    }
-
-    //股票代码+股票名称
-    this.ItemSymbolFontConfig={Size:g_JSChartResource.Report.Item.SymbolFont.Size, Name:g_JSChartResource.Report.Item.SymbolFont.Name};
-    this.ItemNameFontConfg={Size:g_JSChartResource.Report.Item.NameFont.Size, Name:g_JSChartResource.Report.Item.NameFont.Name};
-
-    //缓存
-    this.HeaderFont="12px 微软雅黑";
-    this.ItemFont="15px 微软雅黑";
-    this.ItemFixedFont="15px 微软雅黑";
-    this.ItemSymbolFont="12px 微软雅黑";
-    this.ItemNameFont="15px 微软雅黑";
-    this.ItemNameHeight=0;
-    this.RowCount=0;            //一屏显示行数
-    this.HeaderHeight=0;        //表头高度
-    this.FixedRowHeight=0;      //固定行高度
-    this.RowHeight=0;           //行高度
-    this.BottomToolbarHeight=0;  //底部工具条高度
-    this.IsShowAllColumn=false;   //是否已显示所有列
-
-    this.Column=    //{ Type:列id, Title:标题, TextAlign:文字对齐方式, MaxText:文字最大宽度 , TextColor:文字颜色, Sort:0=不支持排序 1=本地排序 0=远程排序 }
-    [
-        { Type:REPORT_COLUMN_ID.INDEX_ID, Title:"序号", TextAlign:"center", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Index, MaxText:"8888"},
-        { Type:REPORT_COLUMN_ID.SYMBOL_ID, Title:"代码", TextAlign:"left", Width:null,  TextColor:g_JSChartResource.Report.FieldColor.Symbol, MaxText:"888888"},
-        { Type:REPORT_COLUMN_ID.NAME_ID, Title:"名称", TextAlign:"left", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Name, MaxText:"擎擎擎擎" },
-        { Type:REPORT_COLUMN_ID.INCREASE_ID, Title:"涨幅%", TextAlign:"right", Width:null, MaxText:"-888.88" },
-    ];
-
-    this.RectClient={};
-
-    this.ReloadResource=function(resource)
-    {
-        this.UpColor=g_JSChartResource.Report.UpTextColor;
-        this.DownColor=g_JSChartResource.Report.DownTextColor;
-        this.UnchagneColor=g_JSChartResource.Report.UnchagneTextColor; 
-    
-        this.BorderColor=g_JSChartResource.Report.BorderColor;          //边框线
-        this.SelectedColor=g_JSChartResource.Report.SelectedColor;      //选中行
-
-        //表头配置
-        this.HeaderFontConfig={ Size:g_JSChartResource.Report.Header.Font.Size, Name:g_JSChartResource.Report.Header.Font.Name };
-        this.HeaderColor=g_JSChartResource.Report.Header.Color;
-        this.SortColor=g_JSChartResource.Report.Header.SortColor;      //排序箭头颜色
-        this.HeaderMergin=
-        { 
-            Left:g_JSChartResource.Report.Header.Mergin.Left, 
-            Right:g_JSChartResource.Report.Header.Mergin.Right, 
-            Top:g_JSChartResource.Report.Header.Mergin.Top, 
-            Bottom:g_JSChartResource.Report.Header.Mergin.Bottom
-        };
-
-        //表格内容配置
-        this.ItemFontConfig={ Size:g_JSChartResource.Report.Item.Font.Size, Name:g_JSChartResource.Report.Item.Font.Name };
-        this.ItemMergin=
-        { 
-            Left:g_JSChartResource.Report.Item.Mergin.Left, 
-            Right:g_JSChartResource.Report.Item.Mergin.Right, 
-            Top:g_JSChartResource.Report.Item.Mergin.Top, 
-            Bottom:g_JSChartResource.Report.Item.Mergin.Bottom 
-        };
-        this.BarMergin=
-        { 
-            Top:g_JSChartResource.Report.Item.BarMergin.Top, 
-            Left:g_JSChartResource.Report.Item.BarMergin.Left, 
-            Right:g_JSChartResource.Report.Item.BarMergin.Right,
-            Bottom:g_JSChartResource.Report.Item.BarMergin.Bottom
-        };
-
-        this.LimitBorderColor=g_JSChartResource.Report.LimitBorder.Color;
-        this.LimitMergin=
-        {
-            Top:g_JSChartResource.Report.LimitBorder.Mergin.Top, 
-            Left:g_JSChartResource.Report.LimitBorder.Mergin.Left, 
-            Right:g_JSChartResource.Report.LimitBorder.Mergin.Right,
-            Bottom:g_JSChartResource.Report.LimitBorder.Mergin.Bottom
-        }
-
-        for(var i=0;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            if (item.Type==REPORT_COLUMN_ID.INDEX_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Index;
-            else if (item.Type==REPORT_COLUMN_ID.SYMBOL_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Symbol;
-            else if (item.Type==REPORT_COLUMN_ID.NAME_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Name;
-            else if (item.Type==REPORT_COLUMN_ID.VOL_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Vol;
-            else if (item.Type==REPORT_COLUMN_ID.BUY_VOL_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Vol;
-            else if (item.Type==REPORT_COLUMN_ID.SELL_VOL_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Vol;
-            else if (item.Type==REPORT_COLUMN_ID.AMOUNT_ID) 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Amount;
-            else if (item.Type==REPORT_COLUMN_ID.VOL_IN_ID) 
-                item.TextColor=g_JSChartResource.Report.DownTextColor;
-            else if (item.Type==REPORT_COLUMN_ID.VOL_OUT_ID) 
-                item.TextColor=g_JSChartResource.Report.UpTextColor;
-            else 
-                item.TextColor=g_JSChartResource.Report.FieldColor.Text;
-        }
-
-        if (this.Tab) this.Tab.ReloadResource(resource);
-    }
-
-    this.SetColumn=function(aryColumn)
-    {
-        if (!IFrameSplitOperator.IsNonEmptyArray(aryColumn)) return;
-
-        this.Column=[];
-        for(var i=0;i<aryColumn.length;++i)
-        {
-            var item=aryColumn[i];
-            var colItem=this.GetDefaultColunm(item.Type);
-            if (!colItem) continue;
-
-            if (item.Title) colItem.Title=item.Title;
-            if (item.TextAlign) colItem.TextAlign=item.TextAlign;
-            if (item.TextColor) colItem.TextColor=item.TextColor;
-            if (item.MaxText) colItem.MaxText=item.MaxText;
-            if (item.ID) colItem.ID=item.ID;
-            if (IFrameSplitOperator.IsNumber(item.Sort)) colItem.Sort=item.Sort;
-            if (item.Sort==1 || item.Sort==2)   //1本地排序 2=远程排序
-            {
-                colItem.SortType=[1,2];         //默认 降序 ，升序
-                if (IFrameSplitOperator.IsNonEmptyArray(item.SortType)) colItem.SortType=item.SortType.slice();
-            }
-
-            if (item.Type==REPORT_COLUMN_ID.CUSTOM_STRING_TEXT_ID)
-            {
-                if (!IFrameSplitOperator.IsNumber(item.DataIndex) && !IFrameSplitOperator.IsNumber(item.BlockIndex)) continue;
-                if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;   //数据在扩展数据索引列
-                if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
-                colItem.IsDrawCallback=false;   //是否回调
-                if (IFrameSplitOperator.IsBool(item.IsDrawCallback)) colItem.IsDrawCallback=item.IsDrawCallback;
-            }
-            else if (item.Type==REPORT_COLUMN_ID.CUSTOM_NUMBER_TEXT_ID)
-            {
-                if (!IFrameSplitOperator.IsNumber(item.DataIndex) && !IFrameSplitOperator.IsNumber(item.BlockIndex)) continue;
-                if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;   //数据在扩展数据索引列
-                if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
-                colItem.Decimal=2;
-                colItem.FormatType=0;   //0=默认格式化 1=原始输出 2=科学计数 3=成交量格式化
-                colItem.ColorType=0;    //0=默认使用TextColor,  1=（>0涨,<0跌）2=(>昨收涨,<昨收跌)
-                colItem.IsDrawCallback=false;   //是否回调
-                if (IFrameSplitOperator.IsNumber(item.Decimal)) colItem.Decimal=item.Decimal;            //小数位数
-                if (IFrameSplitOperator.IsNumber(item.FormatType)) colItem.FormatType=item.FormatType;   //输出样式
-                if (IFrameSplitOperator.IsNumber(item.ColorType)) colItem.ColorType=item.ColorType;      //颜色属性
-                if (IFrameSplitOperator.IsBool(item.IsDrawCallback)) colItem.IsDrawCallback=item.IsDrawCallback;
-            }
-            else if (item.Type==REPORT_COLUMN_ID.CUSTOM_DATETIME_TEXT_ID)
-            {
-                if (!IFrameSplitOperator.IsNumber(item.DataIndex) && !IFrameSplitOperator.IsNumber(item.BlockIndex)) continue;
-                if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;   //数据在扩展数据索引列
-                if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
-                colItem.FormatType=0;   //0=yyyy-mm-dd 1=YYYY/MM/DD
-                colItem.ValueType=0;    //0=yyyymmdd 1=hhmmss
-                colItem.IsDrawCallback=false;   //是否回调
-                if (IFrameSplitOperator.IsNumber(item.FormatType)) colItem.FormatType=item.FormatType;   //输出样式
-                if (IFrameSplitOperator.IsNumber(item.ValueType)) colItem.FormatType=item.ValueType;   //输出样式
-                if (IFrameSplitOperator.IsBool(item.IsDrawCallback)) colItem.IsDrawCallback=item.IsDrawCallback;
-            }
-
-            this.Column.push(colItem);
-        }
-    }
-
-    this.GetDefaultColunm=function(id)
-    {
-        var DEFAULT_COLUMN=
-        [
-            { Type:REPORT_COLUMN_ID.INDEX_ID, Title:"序号", TextAlign:"center", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Index, MaxText:"8888"},
-            { Type:REPORT_COLUMN_ID.SYMBOL_ID, Title:"代码", TextAlign:"left", Width:null,  TextColor:g_JSChartResource.Report.FieldColor.Symbol, MaxText:"888888"},
-            { Type:REPORT_COLUMN_ID.NAME_ID, Title:"名称", TextAlign:"left", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Name, MaxText:"擎擎擎擎" },
-            { Type:REPORT_COLUMN_ID.SYMBOL_NAME_ID, Title:"股票名称", TextAlign:"left", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Name, MaxText:"擎擎擎擎"},
-
-            { Type:REPORT_COLUMN_ID.INCREASE_ID, Title:"涨幅%", TextAlign:"right", Width:null, MaxText:"-888.88" },
-            { Type:REPORT_COLUMN_ID.PRICE_ID, Title:"现价", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.UPDOWN_ID, Title:"涨跌", TextAlign:"right", Width:null, MaxText:"-888.88" },
-            { Type:REPORT_COLUMN_ID.AMPLITUDE_ID, Title:"振幅%", TextAlign:"right", Width:null, MaxText:"888.88" },
-            { Type:REPORT_COLUMN_ID.BUY_PRICE_ID, Title:"买价", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.SELL_PRICE_ID, Title:"卖价", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.AVERAGE_PRICE_ID, Title:"均价", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.OPEN_ID, Title:"今开", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.HIGH_ID, Title:"最高", TextAlign:"right", Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.LOW_ID, Title:"最低", TextAlign:"right",  Width:null, MaxText:"88888.88" },
-            { Type:REPORT_COLUMN_ID.YCLOSE_ID, Title:"昨收", TextAlign:"right",  Width:null, MaxText:"88888.88" },
-
-            { Type:REPORT_COLUMN_ID.VOL_ID, Title:"总量", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Vol, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.AMOUNT_ID, Title:"总金额", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Amount, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.EXCHANGE_RATE_ID, Title:"换手%", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Text, Width:null, MaxText:"88.88" },
-
-            { Type:REPORT_COLUMN_ID.OUTSTANDING_SHARES_ID, Title:"流通股本", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Text, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.TOTAL_SHARES_ID, Title:"总股本", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Text, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.CIRC_MARKET_VALUE_ID, Title:"流通市值", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Text, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.MARKET_VALUE_ID, Title:"总市值", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Text, Width:null, MaxText:"8888.8擎" },
-
-            
-            { Type:REPORT_COLUMN_ID.VOL_IN_ID, Title:"内盘", TextAlign:"right", TextColor:g_JSChartResource.Report.DownTextColor, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.VOL_OUT_ID, Title:"外盘", TextAlign:"right", TextColor:g_JSChartResource.Report.UpTextColor, Width:null, MaxText:"8888.8擎" },
-
-            { Type:REPORT_COLUMN_ID.CLOSE_LINE_ID, Title:"走势", TextAlign:"center", TextColor:g_JSChartResource.Report.CloseLineColor, Width:null, MaxText:"88888.88" },
-
-            { Type:REPORT_COLUMN_ID.BUY_VOL_ID, Title:"买量", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Vol, Width:null, MaxText:"8888.8擎" },
-            { Type:REPORT_COLUMN_ID.SELL_VOL_ID, Title:"卖量", TextAlign:"right", TextColor:g_JSChartResource.Report.FieldColor.Vol, Width:null, MaxText:"8888.8擎" },
-           
-            //{ Type:REPORT_COLUMN_ID.MULTI_BAR_ID, Title:"柱子", TextAlign:"center", Width:null, TextColor:g_JSChartResource.DealList.FieldColor.BarTitle, MaxText:"888888" },
-            //{ Type:REPORT_COLUMN_ID.CENTER_BAR_ID, Title:"柱子2", TextAlign:"center", Width:null, TextColor:g_JSChartResource.DealList.FieldColor.BarTitle, MaxText:"888888" },
-            { Type:REPORT_COLUMN_ID.CUSTOM_STRING_TEXT_ID, Title:"自定义", TextAlign:"center", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Text, MaxText:"擎擎擎擎擎" },
-            { Type:REPORT_COLUMN_ID.CUSTOM_NUMBER_TEXT_ID, Title:"自定义", TextAlign:"center", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Text, MaxText:"擎擎擎擎擎" },
-            { Type:REPORT_COLUMN_ID.CUSTOM_DATETIME_TEXT_ID, Title:"自定义", TextAlign:"center", Width:null, TextColor:g_JSChartResource.Report.FieldColor.Text, MaxText:"9999-99-99" },
-        ];
-
-        for(var i=0;i<DEFAULT_COLUMN.length;++i)
-        {
-            var item=DEFAULT_COLUMN[i];
-            if (item.Type==id) return item;
-        }
-
-        return null;
-    }
-
-
-    this.Draw=function()
-    {
-        this.ShowSymbol=[];
-
-        if (this.SizeChange) this.CalculateSize();
-        else this.UpdateCacheData();
-
-        this.Canvas.save();
-
-        this.Canvas.beginPath();
-        this.Canvas.rect(this.RectClient.Left,this.RectClient.Top,(this.RectClient.Right-this.RectClient.Left),(this.RectClient.Bottom-this.RectClient.Top));
-        //this.Canvas.stroke(); //调试用
-        this.Canvas.clip();
-
-        this.DrawHeader();
-        this.DrawBody();
-        this.Canvas.restore();
-        
-        if (this.Tab && this.BottomToolbarHeight>0)
-        {
-            var bottom=this.ChartBorder.GetBottom();
-            this.Tab.DrawTab(this.RectClient.Left,bottom-this.BottomToolbarHeight, this.RectClient.Right, bottom)
-            this.Tab.DrawScrollbar(this.RectClient.Left,bottom-this.BottomToolbarHeight, this.RectClient.Right, bottom);
-        }
-
-        this.DrawBorder();
-        
-        this.SizeChange=false;
-    }
-
-    //更新缓存变量
-    this.UpdateCacheData=function()
-    {
-        this.RectClient.Left=this.ChartBorder.GetLeft();
-        this.RectClient.Right=this.ChartBorder.GetRight();
-        this.RectClient.Top=this.ChartBorder.GetTop();
-        this.RectClient.Bottom=this.ChartBorder.GetBottom()-this.BottomToolbarHeight;
-    }
-
-    this.GetPageSize=function(recalculate) //recalculate 是否重新计算
-    {
-        if (recalculate) this.CalculateSize();
-        var size=this.RowCount;
-        return size;
-    }
-
-    this.GetCurrentPageStatus=function()    //{ Start:起始索引, End:结束索引（数据）, PageSize:页面可以显示几条记录, IsEnd:是否是最后一页, IsSinglePage:是否只有一页数据}
-    {
-        var result={ Start:this.Data.YOffset, PageSize:this.RowCount, IsEnd:false, SelectedRow:this.SelectedRow, IsSinglePage:false, DataCount:0 };
-        if (IFrameSplitOperator.IsNonEmptyArray(this.Data.Data))
-        {
-            result.End=this.Data.YOffset+this.RowCount-1;
-            result.IsSinglePage=this.Data.Data.length<=this.RowCount;
-            result.DataCount=this.Data.Data.length;
-            if (result.End>=this.Data.Data.length-1) result.IsEnd=true;
-            if (result.End>=this.Data.Data.length) result.End=this.Data.Data.length-1;
-        }
-        else
-        {
-            result.Star=0;
-            result.End=0;
-            result.IsEnd=true;
-            result.IsSinglePage=true;
-        }
-
-        return result;
-    }
-
-    this.CalculateSize=function()   //计算大小
-    {
-        this.BottomToolbarHeight=0;
-        this.UpdateCacheData();
-
-        this.HeaderFont=`${this.HeaderFontConfig.Size}px ${ this.HeaderFontConfig.Name}`;
-        this.ItemFont=`${this.ItemFontConfig.Size}px ${ this.ItemFontConfig.Name}`;
-        this.ItemFixedFont=`${this.ItemFixedFontConfg.Size}px ${ this.ItemFixedFontConfg.Name}`;
-        this.ItemSymbolFont=`${this.ItemSymbolFontConfig.Size}px ${ this.ItemSymbolFontConfig.Name}`;
-        this.ItemNameFont=`${this.ItemNameFontConfg.Size}px ${ this.ItemNameFontConfg.Name}`;
-
-        this.RowHeight=this.GetFontHeight(this.ItemFont,"擎")+ this.ItemMergin.Top+ this.ItemMergin.Bottom;
-        this.FixedRowHeight=this.GetFontHeight(this.ItemFixedFont,"擎")+ this.ItemMergin.Top+ this.ItemMergin.Bottom;
-
-        this.Canvas.font=this.ItemFont;
-        var itemWidth=0;
-        for(var i=0;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            if (item.Type==REPORT_COLUMN_ID.SYMBOL_NAME_ID)
-            {
-                this.Canvas.font=this.ItemNameFont;
-                var nameWidth=this.Canvas.measureText(item.MaxText).width;
-                var nameHeight=this.GetFontHeight(this.ItemNameFont,"擎");
-                this.ItemNameHeight=nameHeight;
-
-                this.Canvas.font=this.ItemSymbolFont;
-                var symbolWidth=this.Canvas.measureText(item.MaxText).width;
-                var symboHeight=this.GetFontHeight(this.ItemSymbolFont,"擎");
-
-                this.Canvas.font=this.ItemFont;
-
-                itemWidth=Math.max(nameWidth, symbolWidth);
-                item.Width=itemWidth+4+this.ItemMergin.Left+this.ItemMergin.Right;
-
-                var rowHeight=nameHeight+symboHeight+this.ItemMergin.Top+ this.ItemMergin.Bottom;
-                if (rowHeight>this.RowHeight) this.RowHeight=rowHeight;
-                if (rowHeight>this.FixedRowHeight) this.FixedRowHeight=rowHeight;
-            }
-            else
-            {
-                itemWidth=this.Canvas.measureText(item.MaxText).width;
-                item.Width=itemWidth+4+this.ItemMergin.Left+this.ItemMergin.Right;
-            }
-        }
-
-        this.Canvas.font=this.HeaderFont;
-        for(var i=0;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            if (!item.Title || item.Title.length<=0) continue;
-            var text=item.Title;
-            if (item.Sort>0) text+="↓"; 
-            itemWidth=this.Canvas.measureText(text).width;
-            itemWidth+=(4+this.HeaderMergin.Left+this.HeaderMergin.Right);
-            if (item.Width<itemWidth) item.Width=itemWidth;
-        }
-
-        this.HeaderHeight=this.GetFontHeight(this.HeaderFont,"擎")+ this.HeaderMergin.Top+ this.HeaderMergin.Bottom;
-        if (!this.IsShowHeader) this.HeaderHeight=0;
-        if (this.FixedRowCount<=0) this.FixedRowHeight=0;
-
-        
-        this.RowCount=parseInt((this.RectClient.Bottom-this.RectClient.Top-this.HeaderHeight-(this.FixedRowHeight*this.FixedRowCount))/this.RowHeight);
-
-        var subWidth=0;
-        var reportWidth=this.RectClient.Right-this.RectClient.Left;
-        for(var i=0;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            subWidth+=item.Width;
-        }
-
-        this.IsShowAllColumn=(subWidth<reportWidth);
-    }
-
-    this.DrawHeader=function()
-    {
-        if (!this.IsShowHeader) return;
-
-        var left=this.RectClient.Left;
-        var top=this.RectClient.Top;
-        var y=top+this.HeaderMergin.Top+(this.HeaderHeight-this.HeaderMergin.Top-this.HeaderMergin.Bottom)/2;
-
-        this.Canvas.font=this.HeaderFont;
-        this.Canvas.fillStyle=this.HeaderColor;
-        
-        var textLeft=left;
-        //固定列
-        for(var i=0;i<this.FixedColumn && i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            var itemWidth=item.Width;
-            var textWidth=itemWidth-this.HeaderMergin.Left-this.HeaderMergin.Right;
-            var x=textLeft+this.HeaderMergin.Left;
-
-            if (this.SortInfo && this.SortInfo.Field==i && this.SortInfo.Sort>0)
-            {
-                this.DrawSortHeader(item.Title,item.TextAlign,x,y,textWidth,this.SortInfo.Sort);
-            }
-            else
-            {
-                this.DrawText(item.Title,item.TextAlign,x,y,textWidth);
-            }
-
-            textLeft+=item.Width;
-        }
-
-        for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            var itemWidth=item.Width;
-            var textWidth=itemWidth-this.HeaderMergin.Left-this.HeaderMergin.Right;
-            var x=textLeft+this.HeaderMergin.Left;
-
-            if (this.SortInfo && this.SortInfo.Field==i && this.SortInfo.Sort>0)
-            {
-                this.DrawSortHeader(item.Title,item.TextAlign,x,y,textWidth,this.SortInfo.Sort);
-            }
-            else
-            {
-                this.DrawText(item.Title,item.TextAlign,x,y,textWidth);
-            }
-
-            textLeft+=item.Width;
-        } 
-    }
-
-    this.DrawText=function(text, textAlign, x, y, textWidth)
-    {
-        if (textAlign=='center')
-        {
-            x=x+textWidth/2;
-            this.Canvas.textAlign="center";
-        }
-        else if (textAlign=='right')
-        {
-            x=x+textWidth;
-            this.Canvas.textAlign="right";
-        }
-        else
-        {
-            this.Canvas.textAlign="left";
-        }
-
-        this.Canvas.textBaseline="middle";
-        this.Canvas.fillText(text,x,y);
-    }
-
-    this.DrawSortHeader=function(text, textAlign, x, y, width, sortType)
-    {
-        var sortText=sortType==1?"↓":"↑";
-        var sortTextWidth=this.Canvas.measureText(sortText).width;
-        var textWidth=this.Canvas.measureText(text).width+2;
-        this.Canvas.textBaseline="middle";
-        this.Canvas.textAlign="left";
-
-        if (textAlign=='center')
-        {
-            x=x+width/2-(sortTextWidth+textWidth)/2;
-        }
-        else if (textAlign=='right')
-        {
-            x=(x+width)-sortTextWidth-textWidth;
-        }
-        else
-        {
-            
-        }
-
-        this.Canvas.fillText(text,x,y);
-        this.Canvas.fillStyle=this.SortColor;
-        this.Canvas.fillText(sortText,x+textWidth,y);
-        this.Canvas.fillStyle=this.HeaderColor;
-    }
-
-
-    this.DrawBorder=function()
-    {
-        if (!this.IsDrawBorder) return;
-
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var top=this.RectClient.Top;
-        var bottom=this.RectClient.Bottom;
-
-        this.Canvas.strokeStyle=this.BorderColor;
-        this.Canvas.beginPath();
-       
-        this.Canvas.moveTo(left,ToFixedPoint(top+this.HeaderHeight));
-        this.Canvas.lineTo(right,ToFixedPoint(top+this.HeaderHeight));
-
-        var rowTop=top+this.HeaderHeight+this.RowHeight;
-        var rotBottom=rowTop;
-        for(var i=0;i<this.FixedRowCount;++i)
-        {
-            var drawTop=ToFixedPoint(rowTop);
-            this.Canvas.moveTo(left,drawTop);
-            this.Canvas.lineTo(right,drawTop);
-            rotBottom=rowTop;
-            rowTop+=this.FixedRowHeight;
-        }
-
-        var rowTop=top+this.HeaderHeight+this.RowHeight+this.FixedRowHeight*this.FixedRowCount;
-        var rotBottom=rowTop;
-        //横线
-        for(var i=0;i<this.RowCount;++i)
-        {
-            var drawTop=ToFixedPoint(rowTop);
-            this.Canvas.moveTo(left,drawTop);
-            this.Canvas.lineTo(right,drawTop);
-            rotBottom=rowTop;
-            rowTop+=this.RowHeight;
-        }
-
-        //竖线
-        var columnLeft=left;
-        for(var i=0;i<this.FixedColumn && i<this.Column.length; ++i)
-        {
-            var item=this.Column[i];
-            var drawLeft=ToFixedPoint(columnLeft+item.Width);
-            this.Canvas.moveTo(drawLeft,top);
-            this.Canvas.lineTo(drawLeft,rotBottom);
-
-            columnLeft+=item.Width;
-        }
-
-        for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            var drawLeft=ToFixedPoint(columnLeft+item.Width);
-            this.Canvas.moveTo(drawLeft,top);
-            this.Canvas.lineTo(drawLeft,rotBottom);
-
-            columnLeft+=item.Width;
-        }
-
-        this.Canvas.stroke();
-    }
-
-    this.DrawBody=function()
-    {
-        if (!this.Data) return;
-        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return;
-
-        this.Canvas.font=this.ItemFont;
-        var top=this.RectClient.Top+this.HeaderHeight;
-        var left=this.RectClient.Left;
-        var rowWidth=this.RectClient.Right-this.RectClient.Left;
-
-        //固定行
-        var textTop=top;
-        this.Canvas.font=this.ItemFixedFont;
-        for(var i=0; i<this.FixedRowCount; ++i)
-        {
-            if (this.SelectedFixedRow==i)
-            {
-                this.Canvas.fillStyle=this.SelectedColor;;
-                this.Canvas.fillRect(left,textTop,rowWidth,this.FixedRowHeight);   
-            }
-
-            if (this.FixedRowData.Type==1)
-                this.DrawFixedSymbolRow(textTop,i);
-            else
-                this.DrawFixedRow(textTop, i);
-            
-            textTop+=this.FixedRowHeight;
-        }
-        
-
-        textTop=top+this.FixedRowHeight*this.FixedRowCount;
-        this.Canvas.font=this.ItemFont;
-        for(var i=this.Data.YOffset, j=0; i<this.Data.Data.length && j<this.RowCount ;++i, ++j)
-        {
-            var symbol=this.Data.Data[i];
-
-            var bFillRow=false;
-            if (this.SelectedModel==0)
-            {
-                if (j==this.SelectedRow) bFillRow=true; //选中行
-            }
-            else
-            {
-                if (i==this.SelectedRow) bFillRow=true; //选中行
-            }
-
-            if (bFillRow)
-            {
-                this.Canvas.fillStyle=this.SelectedColor;
-                this.Canvas.fillRect(left,textTop,rowWidth,this.RowHeight);   
-            }
-
-            
-            this.DrawRow(symbol, textTop, i);
-
-            this.ShowSymbol.push( { Index:i, Symbol:symbol } );
-
-            textTop+=this.RowHeight;
-        }
-    }
-
-
-    this.DrawFixedSymbolRow=function(top, dataIndex)
-    { 
-        var left=this.RectClient.Left;
-        var chartRight=this.RectClient.Right;
-
-        if (!this.FixedRowData || !IFrameSplitOperator.IsNonEmptyArray(this.FixedRowData.Symbol)) return;
-        var symbol=this.FixedRowData.Symbol[dataIndex];
-        if (!symbol) return;
-
-        this.DrawRow(symbol, top, dataIndex, 1);
-
-        this.ShowSymbol.push( { Index:dataIndex, Symbol:symbol, RowType:1 } );
-    }
-
-
-    this.DrawFixedRow=function(top, dataIndex)
-    {
-        var left=this.RectClient.Left;
-        var chartRight=this.RectClient.Right;
-
-        for(var i=0;i<this.FixedColumn && i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            this.DrawFixedItem(dataIndex, i, item, left, top);
-            left+=item.Width;
-
-            if (left>=chartRight) break;
-        }
-
-        for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            this.DrawFixedItem(dataIndex, i, item, left, top);
-            left+=item.Width;
-
-            if (left>=chartRight) break;
-        }
-    }
-
-    this.DrawFixedItem=function(dataIndex, colIndex, column, left, top)
-    {
-        var x=left+this.ItemMergin.Left;
-        var textWidth=column.Width-this.ItemMergin.Left-this.ItemMergin.Right;
-        var drawInfo={ Text:null, TextColor:column.TextColor , TextAlign:column.TextAlign };
-
-        if (this.GetFixedRowTextDrawInfo(dataIndex, colIndex, column, drawInfo)) 
-        {
-            this.DrawItemText(drawInfo.Text, drawInfo.TextColor, drawInfo.TextAlign, x, top, textWidth);
-            return;
-        }
-
-        if (!this.FixedRowData || !IFrameSplitOperator.IsNonEmptyArray(this.FixedRowData.Data)) return;
-
-        var data=this.FixedRowData.Data;
-        var rowData=data[dataIndex];
-        if (!IFrameSplitOperator.IsNonEmptyArray(rowData)) return;
-        var itemData=rowData[colIndex];
-        if (!itemData || !itemData.Text) return;
-
-        drawInfo.Text=itemData.Text;
-        if (itemData.Color) drawInfo.TextColor=itemData.Color;
-        if (itemData.TextAlign) drawInfo.TextAlign=itemData.TextAlign;
-
-        this.DrawItemText(drawInfo.Text, drawInfo.TextColor, drawInfo.TextAlign, x, top, textWidth);
-    }
-
-    this.DrawRow=function(symbol, top, dataIndex, rowType)  //rowType 0=表格行 1=顶部固定行
-    {
-        var left=this.RectClient.Left;
-        var chartRight=this.RectClient.Right;
-        var data= { Symbol:symbol , Stock:null };
-        if (this.GetStockDataCallback) data.Stock=this.GetStockDataCallback(symbol);
-        if (this.GetBlockDataCallback) data.Block=this.GetBlockDataCallback(symbol);
-        data.Decimal=GetfloatPrecision(symbol); //小数位数
-
-        for(var i=0;i<this.FixedColumn && i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            this.DrawItem(dataIndex, data, item, left, top, rowType);
-            left+=item.Width;
-
-            if (left>=chartRight) break;
-        }
-
-        for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            this.DrawItem(dataIndex, data, item, left, top, rowType);
-            left+=item.Width;
-
-            if (left>=chartRight) break;
-        }
-    }
-
-    this.DrawItem=function(index, data, column, left, top, rowType)
-    {
-        var itemWidth=column.Width;
-        var x=left+this.ItemMergin.Left;
-        var textWidth=column.Width-this.ItemMergin.Left-this.ItemMergin.Right;
-        var stock=data.Stock;
-        var drawInfo={ Text:null, TextColor:column.TextColor , TextAlign:column.TextAlign };
-        if (column.Type==REPORT_COLUMN_ID.INDEX_ID)
-        {
-            if (rowType==1) return; //固定行序号空
-            drawInfo.Text=(index+1).toString();
-        }
-        else if (column.Type==REPORT_COLUMN_ID.SYMBOL_ID)
-        {
-            if (stock && stock.Symbol) drawInfo.Text=stock.Symbol;
-            else drawInfo.Text=data.Symbol;
-        }
-        else if (column.Type==REPORT_COLUMN_ID.SYMBOL_NAME_ID)
-        {
-            this.DrawSymbolName(data, column, left, top, rowType);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.NAME_ID)
-        {
-            if (stock && stock.Name) 
-            {
-                drawInfo.Text=this.TextEllipsis(stock.Name, textWidth, column.MaxText);
-                drawInfo.TextColor=this.GetNameColor(column,data.Symbol, rowType);
-            }
-        }
-        else if (column.Type==REPORT_COLUMN_ID.PRICE_ID)
-        {
-            if (stock) this.GetPriceDrawInfo(stock.Price, stock, data, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.OPEN_ID)
-        {
-            //如果行情开盘价为涨停价或跌停价,则对内容加灰框
-            if (stock) 
-            {
-                this.DrawLimitPriceBorder(stock.Open, stock, left, top, column.Width);
-                this.GetPriceDrawInfo(stock.Open, stock, data, drawInfo);
-            }
-        }
-        else if (column.Type==REPORT_COLUMN_ID.HIGH_ID)
-        {
-            //如果行情最高价为涨停价,则对内容加灰框
-            if (stock) 
-            {
-                this.DrawLimitPriceBorder(stock.High, stock, left, top, column.Width);
-                this.GetPriceDrawInfo(stock.High, stock, data, drawInfo);
-            }
-        }
-        else if (column.Type==REPORT_COLUMN_ID.LOW_ID)
-        {
-            //如果行情最低价为跌停价,则对内容加灰框
-            if (stock) 
-            {
-                this.DrawLimitPriceBorder(stock.Low, stock, left, top, column.Width);
-                this.GetPriceDrawInfo(stock.Low, stock, data, drawInfo);
-            }
-        }
-        else if (column.Type==REPORT_COLUMN_ID.YCLOSE_ID)
-        {
-            if (stock) this.GetPriceDrawInfo(stock.YClose, stock, data, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.BUY_PRICE_ID)
-        {
-            if (stock) this.GetPriceDrawInfo(stock.BuyPrice, stock, data, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.SELL_PRICE_ID)
-        {
-            if (stock) this.GetPriceDrawInfo(stock.SellPrice, stock, data, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.AVERAGE_PRICE_ID)
-        {
-            if (stock) this.GetPriceDrawInfo(stock.AvPrice, stock, data, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.EXCHANGE_RATE_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.Exchange))
-                drawInfo.Text=stock.Exchange.toFixed(2);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.BUY_VOL_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.BuyVol)) drawInfo.Text=this.FormatVolString(stock.BuyVol);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.SELL_VOL_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.SellVol)) drawInfo.Text=this.FormatVolString(stock.SellVol);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.VOL_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.Vol)) drawInfo.Text=this.FormatVolString(stock.Vol);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.VOL_IN_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.VolIn)) drawInfo.Text=this.FormatVolString(stock.VolIn);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.VOL_OUT_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.VolOut)) drawInfo.Text=this.FormatVolString(stock.VolOut);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.TOTAL_SHARES_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.TotalShares)) drawInfo.Text=this.FormatVolString(stock.TotalShares);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.OUTSTANDING_SHARES_ID)
-        {
-            if (stock && IFrameSplitOperator.IsNumber(stock.OutShares)) drawInfo.Text=this.FormatVolString(stock.OutShares);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.CIRC_MARKET_VALUE_ID || column.Type==REPORT_COLUMN_ID.MARKET_VALUE_ID || column.Type==REPORT_COLUMN_ID.AMOUNT_ID)
-        {
-            var fieldName=MAP_COLUMN_FIELD.get(column.Type);
-            if (stock && IFrameSplitOperator.IsNumber(stock[fieldName])) 
-                drawInfo.Text=this.FormatVolString(stock[fieldName]);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.INCREASE_ID || column.Type==REPORT_COLUMN_ID.AMPLITUDE_ID || column.Type==REPORT_COLUMN_ID.UPDOWN_ID)
-        {
-            var fieldName=MAP_COLUMN_FIELD.get(column.Type);
-            if (stock && IFrameSplitOperator.IsNumber(stock[fieldName]))
-            {
-                var value=stock[fieldName];
-                drawInfo.Text=value.toFixed(2);
-                drawInfo.TextColor=this.GetUpDownColor(value,0);
-            }
-        }
-        else if (column.Type==REPORT_COLUMN_ID.CUSTOM_STRING_TEXT_ID)
-        {
-            this.GetCustomStringDrawInfo(data, column, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.CUSTOM_NUMBER_TEXT_ID)
-        {
-            this.GetCustomNumberDrawInfo(data, column, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.CUSTOM_DATETIME_TEXT_ID)
-        {
-            this.GetCustomDateTimeDrawInfo(data, column, drawInfo);
-        }
-        else if (column.Type==REPORT_COLUMN_ID.CLOSE_LINE_ID)
-        {
-            var rtItem={ Left:left, Top:top,  Width:column.Width, Height:this.RowHeight };
-            rtItem.Right=rtItem.Left+rtItem.Width;
-            rtItem.Bottom=rtItem.Top+rtItem.Height;
-            this.DrawLine(stock.CloseLine, column, rtItem);
-        }
-
-        this.DrawItemText(drawInfo.Text, drawInfo.TextColor, drawInfo.TextAlign, x, top, textWidth);
-    }
-
-    this.DrawSymbolName=function(data, column, left, top, rowType)
-    {
-        var stock=data.Stock;
-        var symbol=data.Symbol;
-        var name;
-        if (stock)
-        {
-            symbol=stock.Symbol;
-            name=stock.Name;
-        }
-
-        if (!symbol && !name) return;
-
-        var y=top+this.ItemMergin.Top+this.ItemNameHeight;
-        var textLeft=left+this.ItemMergin.Left;
-        var x=textLeft;
-        var width=column.Width-this.ItemMergin.Left-this.ItemMergin.Right;
-        var textAlign=column.TextAlign;
-        if (textAlign=='center')
-        {
-            x=textLeft+width/2;
-            this.Canvas.textAlign="center";
-        }
-        else if (textAlign=='right')
-        {
-            x=textLeft+width-2;
-            this.Canvas.textAlign="right";
-        }
-        else
-        {
-            x+=2;
-            this.Canvas.textAlign="left";
-        }
-
-        var textColor=this.GetNameColor(column,symbol,rowType);
-        var text=name;
-        if (text)
-        {
-            this.Canvas.textBaseline="ideographic";
-            this.Canvas.fillStyle=textColor;
-            this.Canvas.font=this.ItemNameFont;
-            text=this.TextEllipsis(text, width, column.MaxText);
-            if (text) this.Canvas.fillText(text,x,y);
-        }
-        
-        text=symbol;
-        if (text)
-        {
-            this.Canvas.textBaseline="top";
-            this.Canvas.font=this.ItemSymbolFont;
-            this.Canvas.fillStyle=textColor;
-            this.Canvas.fillText(text,x,y);
-        }
-        
-        this.Canvas.font=this.ItemFont; //还原字体
-    }
-
-    this.DrawLimitPriceBorder=function(value, stock, left, top, itemWidth)
-    {
-        if (!IFrameSplitOperator.IsNumber(value) || !stock) return;
-
-        var bDraw=false;
-        if (IFrameSplitOperator.IsNumber(stock.LimitHigh))
-        {
-            if (value>=stock.LimitHigh) bDraw=true;
-        }
-
-        if (IFrameSplitOperator.IsNumber(stock.LimitLow))
-        {
-            if (value<=stock.LimitLow) bDraw=true;
-        }
-
-        if (!bDraw) return;
-
-        var x=left+this.ItemMergin.Left+this.LimitMergin.Left;
-        var width=itemWidth-this.ItemMergin.Left-this.ItemMergin.Right-this.LimitMergin.Left-this.LimitMergin.Right;
-        var y=top+this.ItemMergin.Top+this.LimitMergin.Top;
-        var height=this.RowHeight-this.ItemMergin.Top-this.ItemMergin.Bottom-this.LimitMergin.Top-this.LimitMergin.Bottom;
-
-        this.Canvas.strokeStyle=this.LimitBorderColor;
-        this.Canvas.strokeRect(ToFixedPoint(x),ToFixedPoint(y),ToFixedRect(width),ToFixedRect(height));
-    }
-
-    this.GetExtendData=function(data, column)
-    {
-        if (IFrameSplitOperator.IsNumber(column.DataIndex))
-        {
-            if (!data.Stock || !data.Stock.ExtendData) return null;
-            if (column.DataIndex<0) return;
-            return data.Stock.ExtendData[column.DataIndex];
-        }
-
-        if (IFrameSplitOperator.IsNumber(column.BlockIndex))
-        {
-            if (!data.Block) return;
-            if (column.BlockIndex<0) return;
-            return data.Block[column.BlockIndex];
-        }
-        
-        return null;
-    }
-
-    this.GetCustomStringDrawInfo=function(data, column, drawInfo)
-    {
-         var value=this.GetExtendData(data, column);
-        if (!IFrameSplitOperator.IsString(value)) return;
-
-        if (column.IsDrawCallback)  //外部处理输出格式
-        {
-            this.GetCustomTextDrawInfo(column, data.Symbol, value, drawInfo, data);
-            return;
-        }
-
-        drawInfo.Text=value;
-    }
-
-    this.GetCustomNumberDrawInfo=function(data, column, drawInfo)
-    {
-        var value=this.GetExtendData(data, column);
-        if (!IFrameSplitOperator.IsNumber(value)) return;
-
-        if (column.IsDrawCallback)  //外部处理输出格式
-        {
-            this.GetCustomTextDrawInfo(column, data.Symbol, value, drawInfo,data);
-            return;
-        }
-
-        //格式化输出
-        switch(column.FormatType)
-        {
-            case 1:
-                drawInfo.Text=value.toFixed(column.Decimal);
-                break;
-            case 2:
-                drawInfo.Text=IFrameSplitOperator.FormatValueThousandsString(value, column.Decimal);
-                break;
-            case 3:
-                drawInfo.Text=this.FormatVolString(value);
-                break;
-            default:
-                drawInfo.Text=IFrameSplitOperator.FormatValueString(value, column.Decimal);
-                break;
-        }  
-
-        //颜色
-        switch(column.ColorType)
-        {
-            case 1:
-                drawInfo.TextColor=this.GetUpDownColor(value,0);
-                break;
-            case 2:
-                if (!IFrameSplitOperator.IsNumber(data.Stock.YClose))  
-                    drawInfo.TextColor=this.UnchagneColor;
-                else  
-                    drawInfo.TextColor=this.GetUpDownColor(value, data.Stock.YClose);
-                break;
-            default:
-                break;
-        }
-    }
-
-    this.GetCustomDateTimeDrawInfo=function(data, column, drawInfo)
-    {
-        var value=this.GetExtendData(data, column);
-        if (!IFrameSplitOperator.IsNumber(value)) return;
-
-        if (column.IsDrawCallback)  //外部处理输出格式
-        {
-            this.GetCustomTextDrawInfo(column, data.Symbol, value, drawInfo, data);
-            return;
-        }
-
-        if (column.ValueType==0)
-        {
-            if (column.FormatType==1)
-                drawInfo.Text=IFrameSplitOperator.FormatDateString(value,"YYYY/MM/DD");
-            else
-                drawInfo.Text=IFrameSplitOperator.FormatDateString(value);
-        }
-    }
-
-    this.GetPriceDrawInfo=function(price, stock, data, drawInfo)
-    {
-        if (!IFrameSplitOperator.IsNumber(price)) return false;
-
-        drawInfo.Text=price.toFixed(data.Decimal);
-        if (!IFrameSplitOperator.IsNumber(stock.YClose))  
-            drawInfo.TextColor=this.UnchagneColor;
-        else  
-            drawInfo.TextColor=this.GetUpDownColor(price, stock.YClose);
-    }
-
-    this.GetUpDownColor=function(price, price2)
-    {
-        if (price>price2) return this.UpColor;
-        else if (price<price2) return this.DownColor;
-        else return this.UnchagneColor;
-    }
-
-    //单独处理成交量显示
-    this.FormatVolString=function(value,languageID)
-    {
-        var absValue = Math.abs(value);
-        if (absValue<100000) 
-            return absValue.toFixed(0);
-        else if (absValue<10000000)
-            return (value/10000).toFixed(1)+"万";
-        else if (absValue<100000000)
-            return (value/10000).toFixed(0)+"万";
-        else if (absValue<1000000000)
-            return (value/100000000).toFixed(2)+"亿";
-        else if (absValue < 1000000000000)
-            return (value/100000000).toFixed(1)+"亿";
-        else
-            return (value/1000000000000).toFixed(1)+"万亿";
-    }
-
-    this.DrawItemText=function(text, textColor, textAlign, left, top, width)
-    {
-        if (!text) return;
-
-        var x=left;
-        if (textAlign=='center')
-        {
-            x=left+width/2;
-            this.Canvas.textAlign="center";
-        }
-        else if (textAlign=='right')
-        {
-            x=left+width-2;
-            this.Canvas.textAlign="right";
-        }
-        else
-        {
-            x+=2;
-            this.Canvas.textAlign="left";
-        }
-
-        this.Canvas.textBaseline="middle";
-        this.Canvas.fillStyle=textColor;
-        this.Canvas.fillText(text,x,top+this.ItemMergin.Top+this.RowHeight/2);
-    }
-
-    //字体由外面设置
-    this.TextEllipsis=function(text, maxWidth, maxText)
-    {
-        if (!text) return null;
-        
-        if (text.length<=maxText.length) return text;
-
-        var start=maxText.length-3;
-        if (start<0) return null;
-        var newText=text.slice(0,start);
-        for(var i=start;i<text.length;++i)
-        {
-            var value=newText + text[i] + "...";
-            var width=this.Canvas.measureText(value).width;
-            if (width>maxWidth) 
-            {
-                newText+="...";
-                break;
-            }
-            newText+=text[i];
-        }
-
-        return newText;
-    }
-
-    this.DrawMultiBar=function(colunmInfo, data, rtItem)
-    {
-        if (!data.Source || !IFrameSplitOperator.IsNonEmptyArray(data.Source)) return false;
-        var barData=data.Source[colunmInfo.DataIndex]; //{ Value:[0.4,0,2], Color:[0,1] };
-        if (!barData) return false;
-        if (!IFrameSplitOperator.IsNonEmptyArray(barData.Value)) return false;
-
-        var width=rtItem.Width-this.BarMergin.Left-this.BarMergin.Right;
-        var left=rtItem.Left+this.BarMergin.Left;
-        var top=rtItem.Top+this.RowMergin.Top+this.BarMergin.Top;
-        var height=rtItem.Height-this.RowMergin.Top-this.RowMergin.Bottom-this.BarMergin.Top-this.BarMergin.Bottom;
-        var right=left+width;
-        for(var i=0;i<barData.Value.length;++i)
-        {
-            var value=barData.Value[i];
-            if (value<=0) continue;
-            if (left>=right) break;
-
-            var barWidth=width*value;
-            if (barWidth<1) barWidth=1;
-            if (left+barWidth>right) barWidth=right-left;
-
-            var colorIndex=i;
-            if (IFrameSplitOperator.IsNonEmptyArray(barData.Color) && i<barData.Color.length) colorIndex= barData.Color[i];
-
-            this.Canvas.fillStyle=g_JSChartResource.DealList.FieldColor.Bar[colorIndex];
-            this.Canvas.fillRect(left,top,barWidth,height);
-
-            left+=barWidth;
-        }
-        return true;
-    }
-
-    this.DrawCenterBar=function(colunmInfo, data, rtItem)
-    {
-        if (!data.Source || !IFrameSplitOperator.IsNonEmptyArray(data.Source)) return false;
-        var barData=data.Source[colunmInfo.DataIndex]; //{ Value:[0.4,0,2], Color:[0,1] };
-        if (!barData) return false;
-        if (!IFrameSplitOperator.IsNonEmptyArray(barData.Value)) return false;
-
-        var width=(rtItem.Width-this.BarMergin.Left-this.BarMergin.Right)/2;
-        var left=rtItem.Left+this.BarMergin.Left;
-        var center=left+width;
-        var top=rtItem.Top+this.RowMergin.Top+this.BarMergin.Top;
-        var height=rtItem.Height-this.RowMergin.Top-this.RowMergin.Bottom-this.BarMergin.Top-this.BarMergin.Bottom;
-        var right=left+width;
-
-        for(var i=0;i<barData.Value.length && i<2;++i)
-        {
-            var value=barData.Value[i];
-            if (value<=0) continue;
-
-            if (value>1) value=1;
-            var barWidth=width*value;
-            if (barWidth<1) barWidth=1;
-
-            var colorIndex=i;
-            if (IFrameSplitOperator.IsNonEmptyArray(barData.Color) && i<barData.Color.length) colorIndex= barData.Color[i];
-            this.Canvas.fillStyle=g_JSChartResource.DealList.FieldColor.Bar[colorIndex];
-
-            if (i==0)  //左边
-            {
-                this.Canvas.fillRect(center,top,-barWidth,height);
-            }
-            else    //右边
-            {
-                this.Canvas.fillRect(center,top,barWidth,height);
-            }
-        }
-    }
-
-    //绘制线段
-    this.DrawLine=function(lineData, column, rtItem)
-    {
-        if (!lineData) return false;
-        if (!IFrameSplitOperator.IsNonEmptyArray(lineData.Data)) return false;
-
-        var width=rtItem.Width-this.ItemMergin.Left-this.ItemMergin.Right;
-        var left=rtItem.Left+this.ItemMergin.Left;
-        var top=rtItem.Top+this.ItemMergin.Top;
-        var height=rtItem.Height-this.ItemMergin.Top-this.ItemMergin.Bottom;
-        var right=left+width;
-        var bottom=top+height;
-
-        var Temp_GetXFromIndex=function(index)
-        {
-            var count=lineData.Count;
-            if (count==1)
-            {
-                if (index==0) return left;
-                else return right;
-            }
-            else if (count<=0)
-            {
-                return left;
-            }
-            else if (index>=count)
-            {
-                return right;
-            }
-            else
-            {
-                var offset=left+width*index/count;
-                return offset;
-            }
-        }
-
-        var Temp_GetYFromData=function(value)
-        {
-            if(value<=lineData.Min) return bottom;
-            if(value>=lineData.Max) return top;
-
-            var value=height*(value-lineData.Min)/(lineData.Max-lineData.Min);
-            return bottom-value;
-        }
-
-        this.Canvas.save();
-        if (lineData.Color) this.Canvas.strokeStyle=lineData.Color;
-        else this.Canvas.strokeStyle=column.TextColor; 
-
-        var bFirstPoint=true;
-        var drawCount=0, x,y;
-        for(var i=0; i<lineData.Data.length; ++i)
-        {
-            var value=lineData.Data[i];
-            if (!IFrameSplitOperator.IsNumber(value)) continue;
-
-            x=Temp_GetXFromIndex(i);
-            y=Temp_GetYFromData(value);
-
-            if (bFirstPoint)
-            {
-                this.Canvas.beginPath();
-                this.Canvas.moveTo(x,y);
-                bFirstPoint=false;
-            }
-            else
-            {
-                this.Canvas.lineTo(x,y);
-            }
-
-            ++drawCount;
-        }
-
-        if (drawCount>0) this.Canvas.stroke();
-        this.Canvas.restore();
-    }
-
-    //外部配置显示格式 颜色 对齐方式
-    this.GetCustomTextDrawInfo=function(columnInfo, symbol, value, drawInfo,data)
-    {
-        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_DRAW_CUSTOM_TEXT);
-        if (!event || !event.Callback) return false;
-
-        var sendData=
-        { 
-            Symbol:symbol, Column:columnInfo, Value:value, Data:data,
-            Out:{ Text:null, TextColor:null, TextAlign:null } 
-        };
-
-        event.Callback(event,sendData,this);
-
-        if (sendData.Out.Text) drawInfo.Text=sendData.Out.Text;
-        if (sendData.Out.TextColor) drawInfo.TextColor=sendData.Out.TextColor;
-        if (sendData.Out.TextAlign) drawInfo.TextAlign=sendData.Out.TextAlign;
-
-        return true;
-    }
-
-    this.GetFixedRowTextDrawInfo=function(rowIndex, colIndex, columnInfo, drawInfo)
-    {
-        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_DRAW_REPORT_FIXEDROW_TEXT);
-        if (!event || !event.Callback) return false;
-
-        var sendData=
-        { 
-            RowIndex:rowIndex, ColIndex:colIndex, Column:columnInfo, Data:this.FixedRowData,
-            Out:{ Text:null, TextColor:null, TextAlign:null } 
-        };
-
-        event.Callback(event,sendData,this);
-
-        if (sendData.Out.Text) drawInfo.Text=sendData.Out.Text;
-        if (sendData.Out.TextColor) drawInfo.TextColor=sendData.Out.TextColor;
-        if (sendData.Out.TextAlign) drawInfo.TextAlign=sendData.Out.TextAlign;
-
-        return true;
-        
-    }
-
-    this.GetVolColor=function(colunmInfo, data)
-    {
-        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_DRAW_DEAL_VOL_COLOR);
-        if (event && event.Callback)
-        {
-            var sendData={ Data:data, TextColor:null };
-            event.Callback(event,sendData,this);
-            if (sendData.TextColor) return sendData.TextColor;
-        }
-
-        return colunmInfo.TextColor;
-    }
-
-    //获取股票名称颜色
-    this.GetNameColor=function(colunmInfo, symbol, rowType)
-    {
-        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_DRAW_REPORT_NAME_COLOR);
-        if (event && event.Callback)
-        {
-            var sendData={ Symbol:symbol, TextColor:null, RowType:rowType };
-            event.Callback(event,sendData,this);
-            if (sendData.TextColor) return sendData.TextColor;
-        }
-
-        return colunmInfo.TextColor;
-    }
-
-    this.GetFontHeight=function(font,word)
-    {
-        return GetFontHeight(this.Canvas, font, word);
-    }
-
-    this.OnMouseDown=function(x,y,e)
-    {
-        if (!this.Data) return null;
-
-        if (this.Tab)
-        {
-            var tab=this.Tab.OnMouseDown(x,y,e);
-            if (tab) return { Type:1, Tab: tab };   //顶部工具栏
-        }
-
-        var row=this.PtInFixedBody(x,y)
-        if (row)
-        {
-            var bRedraw=true;
-            var eventID=JSCHART_EVENT_ID.ON_CLICK_REPORT_FIXEDROW;
-            if (e.button==2) eventID=JSCHART_EVENT_ID.ON_RCLICK_REPORT_FIXEDROW;
-            this.SendClickEvent(eventID, { Data:row, X:x, Y:y, e:e });
-
-            this.SelectedFixedRow=row.Index;
-            this.SelectedRow=-1;
-
-            return { Type:4, Redraw:bRedraw, Row:row };  //行
-        }
-
-        var row=this.PtInBody(x,y);
-        if (row)
-        {
-            var bRedraw=true;
-            if (this.SelectedModel==0) 
-            {
-                if (this.SelectedRow==row.Index) bRedraw=false;
-                this.SelectedRow=row.Index;
-                this.SelectedFixedRow=-1;
-            }
-            else 
-            {
-                if (this.SelectedRow==row.DataIndex) bRedraw=false;
-                this.SelectedRow=row.DataIndex;
-                this.SelectedFixedRow=-1;
-            }
-    
-            var eventID=JSCHART_EVENT_ID.ON_CLICK_REPORT_ROW;
-            if (e.button==2) eventID=JSCHART_EVENT_ID.ON_RCLICK_REPORT_ROW;
-            this.SendClickEvent(eventID, { Data:row, X:x, Y:y, e:e });
-
-            return { Type:2, Redraw:bRedraw, Row:row };  //行
-        }
-
-        var header=this.PtInHeader(x,y);
-        if (header)
-        {
-            var eventID=JSCHART_EVENT_ID.ON_CLICK_REPORT_HEADER;
-            if (e.button==2) 
-            {
-                eventID=JSCHART_EVENT_ID.ON_RCLICK_REPORT_HEADER;
-            }
-            else if (e.button==0)
-            {
-                eventID=JSCHART_EVENT_ID.ON_CLICK_REPORT_HEADER;
-            }
-
-            this.SendClickEvent(eventID, { Data:row, X:x, Y:y , e:e });
-            return { Type:3, Redraw:bRedraw, Header:header };  //表头
-        }
-
-        return null;
-    }
-
-    this.OnDblClick=function(x,y,e)
-    {
-        if (!this.Data) return false;
-
-        var row=this.PtInBody(x,y);
-        if (row)
-        {
-            this.SendClickEvent(JSCHART_EVENT_ID.ON_DBCLICK_REPORT_ROW, { Data:row, X:x, Y:y });
-            return true;
-        }
-
-        return false;
-    }
-
-    this.PtInBody=function(x,y)
-    {
-        if (!this.Data) return null;
-        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return null;
-
-        var top=this.RectClient.Top+this.HeaderHeight;
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var rowWidth=this.RectClient.Right-this.RectClient.Left;
- 
-        var textTop=top+this.FixedRowHeight*this.FixedRowCount;
-        for(var i=this.Data.YOffset, j=0; i<this.Data.Data.length && j<this.RowCount ;++i, ++j)
-        {
-            var symbol=this.Data.Data[i];
-            var rtRow={ Left:left, Top:textTop, Right:right, Bottom: textTop+this.RowHeight };
-
-            if (x>=rtRow.Left && x<=rtRow.Right && y>=rtRow.Top && y<=rtRow.Bottom)
-            {
-                var data={ Rect:rtRow, DataIndex:i, Index:j , Symbol:symbol };
-                data.Item=this.PtInItem(x,y, rtRow.Top, rtRow.Bottom);
-                return data;
-            }
-
-            textTop+=this.RowHeight;
-        }
-
-        return null;
-    }
-
-    this.PtInFixedBody=function(x,y)
-    {
-        if (this.FixedRowCount<=0) return null;
-
-        var top=this.RectClient.Top+this.HeaderHeight;
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var rowWidth=this.RectClient.Right-this.RectClient.Left;
-
-        var textTop=top;
-        for(var i=0; i<this.FixedRowCount; ++i)
-        {
-            var rtRow={ Left:left, Top:textTop, Right:right, Bottom: textTop+this.FixedRowHeight };
-
-            if (x>=rtRow.Left && x<=rtRow.Right && y>=rtRow.Top && y<=rtRow.Bottom)
-            {
-                var data={ Rect:rtRow, Index:i};
-                data.Item=this.PtInItem(x,y, rtRow.Top, rtRow.Bottom);
-                return data;
-            }
-
-            textTop+=this.FixedRowHeight;
-        }
-
-        return null;
-
-    }
-
-    this.PtInItem=function(x,y, top, bottom)
-    {
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-
-        var textLeft=left;
-        //固定列
-        for(var i=0;i<this.FixedColumn && i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            var header={Left:textLeft, Right:textLeft+item.Width, Top:top, Bottom:bottom };
-
-            if (x>=header.Left && x<=header.Right && y>=header.Top && y<=header.Bottom)
-            {
-                return { Rect:header, Column:item, Index:i };
-            }
-
-            textLeft+=item.Width;
-        }
-
-        for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
-        {
-            var item=this.Column[i];
-            if (textLeft>=right) break;
-            
-            var header={Left:textLeft, Right:textLeft+item.Width, Top:top, Bottom:bottom };
-
-            if (x>=header.Left && x<=header.Right && y>=header.Top && y<=header.Bottom)
-            {
-                return { Rect:header, Column:item, Index:i };
-            }
-            textLeft+=item.Width;
-        } 
-
-        return null;
-    }
-
-    this.PtInHeader=function(x,y)
-    {
-        if (!this.IsShowHeader) return null;
-
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var top=this.RectClient.Top;
-        var bottom=top+this.HeaderHeight;
-
-        if (!(x>=left && x<=right && y>=top && y<=bottom)) return null;
-
-        return this.PtInItem(x,y,top,bottom);
-    }
-
-    this.IsPtInBody=function(x,y)
-    {
-        var top=this.RectClient.Top+this.HeaderHeight;
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var bottom=this.RectClient.Bottom;
-
-        if (x>=left && x<=right && y>=top && y<=bottom) return true;
-
-        return false;
-    }
-
-    this.IsPtInHeader=function(x,y)
-    {
-        if (!this.IsShowHeader) return false;
-
-        var left=this.RectClient.Left;
-        var right=this.RectClient.Right;
-        var top=this.RectClient.Top;
-        var bottom=top+this.HeaderHeight;
-
-        if (x>=left && x<=right && y>=top && y<=bottom) return true;
-
-        return false;
-    }
-
-    this.SendClickEvent=function(id, data)
-    {
-        var event=this.GetEventCallback(id);
-        if (event && event.Callback)
-        {
-            event.Callback(event,data,this);
-        }
-    }
-
-    this.GetXScrollPos=function()
-    {
-        return this.Data.XOffset;
-    }
-
-    this.GetXScrollRange=function()
-    {
-        var maxOffset=this.Column.length-this.FixedColumn-3;
-        if (maxOffset<0) return 0;
-
-        return maxOffset;
-    }
-}
-
-
-
-//页脚信息
-function ChartReportPageInfo()
-{
-    this.Canvas;                        //画布
-    this.ChartBorder;                   //边框信息
-    this.ChartFrame;                    //框架画法
-    this.Name;                          //名称
-    this.ClassName='ChartPageInfo';     //类名
-    this.IsDrawFirst=false;
-    this.IsShow=false;                   //是否显示
-    this.SizeChange=true;
-    this.Report;
-
-    this.FontConfig={ Size:g_JSChartResource.Report.PageInfo.Font.Size, Name:g_JSChartResource.Report.PageInfo.Font.Name };
-    this.TextColor=g_JSChartResource.Report.PageInfo.TextColor;
-    this.BGColor=g_JSChartResource.Report.PageInfo.BGColor;
-    this.Mergin=
-    {
-        Top:g_JSChartResource.Report.PageInfo.Mergin.Top, 
-        Left:g_JSChartResource.Report.PageInfo.Mergin.Left, 
-        Right:g_JSChartResource.Report.PageInfo.Mergin.Right,
-        Bottom:g_JSChartResource.Report.PageInfo.Mergin.Bottom
-    }
-
-
-    this.Font;
-    this.TextHeight=0;
-
-    this.ReloadResource=function(resource)
-    {
-        this.FontConfig={ Size:g_JSChartResource.Report.PageInfo.Font.Size, Name:g_JSChartResource.Report.PageInfo.Font.Name };
-        this.TextColor=g_JSChartResource.Report.PageInfo.TextColor;
-        this.BGColor=g_JSChartResource.Report.PageInfo.BGColor;
-        this.Mergin=
-        {
-            Top:g_JSChartResource.Report.PageInfo.Mergin.Top, 
-            Left:g_JSChartResource.Report.PageInfo.Mergin.Left, 
-            Right:g_JSChartResource.Report.PageInfo.Mergin.Right,
-            Bottom:g_JSChartResource.Report.PageInfo.Mergin.Bottom
-        }
-    }
-
-    this.Draw=function()
-    {
-        if (!this.IsShow) return;
-        if (!this.Report) return;
-
-        var pageStatus=this.Report.GetCurrentPageStatus();
-        if (pageStatus.IsSinglePage) return;
-
-        if (this.SizeChange)
-        {
-            this.Font=`${this.FontConfig.Size}px ${ this.FontConfig.Name}`;
-            this.TextHeight=GetFontHeight(this.Canvas, this.Font, "擎")+this.Mergin.Top+this.Mergin.Bottom;
-        }
-        
-        var left=this.ChartBorder.GetLeft();
-        var right=this.ChartBorder.GetRight();
-        var bottom=this.ChartBorder.GetBottom()-2;
-
-        var center=left+(right-left)/2;
-        var text=`${pageStatus.DataCount}/${pageStatus.DataCount}`;
-        this.Canvas.font=this.Font;
-        var textWidth=this.Canvas.measureText(text).width+4;
-
-        var bgLeft=center-textWidth/2-this.Mergin.Left;
-        var bgTop=bottom-this.TextHeight;
-        this.Canvas.fillStyle=this.BGColor;;
-        this.Canvas.fillRect(bgLeft,bgTop,textWidth+(this.Mergin.Left+this.Mergin.Right),this.TextHeight);   
-
-        text=`${pageStatus.Start+1}/${pageStatus.DataCount}`;
-        this.Canvas.textAlign="center";
-        this.Canvas.textBaseline="bottom";
-        this.Canvas.fillStyle=this.TextColor;
-        this.Canvas.fillText(text,center,bottom-this.Mergin.Bottom);
-
-        this.SizeChange=false;
-    }
-}
-
-
-//导出统一使用JSCommon命名空间名
-
-var JSReport=
-{
-    JSCanvasElement:JSCanvasElement,
-    JSReportChart: JSReportChart,
-    IFrameSplitOperator: IFrameSplitOperator,
-    JSCHART_EVENT_ID:JSCHART_EVENT_ID,
-    REPORT_COLUMN_ID:REPORT_COLUMN_ID,
-};
-
-export
-{
-    JSReport,
-    
-    JSCanvasElement,
-    JSReportChart,
-    IFrameSplitOperator,
-    JSCHART_EVENT_ID,
-    REPORT_COLUMN_ID,
-}
-
-/*
-module.exports =
-{
-    JSReport:
-    {
-        JSCanvasElement:JSCanvasElement,
-        JSReportChart: JSReportChart,
-        IFrameSplitOperator: IFrameSplitOperator,
-        JSCHART_EVENT_ID:JSCHART_EVENT_ID,
-        REPORT_COLUMN_ID:REPORT_COLUMN_ID,
-    },
-};
-*/
-