///<reference path="jquery-1.2.6.js" />      
    var draw=function( Container,data){     
    
       if(data["chart"].length==0) return;
       var tmpData = data["chart"];
       
       //newData = data["chart"];
       //2009-9-18 去掉推荐基金的黄线
       var newData = [] ;
       for(var i =0 ;i<tmpData.length;i++){
            newData[i] = [];
            for(var kk = 0 ;kk<tmpData[i].length-1;kk++){
                newData[i][kk] = tmpData[i][kk];
            }        
        }
        
        
       var totalWidth=460;
       var totalHeight=210 ;
       
       var ChartWidth=430;
       var ChartHeight=80;
       
       var DataWidth = ChartWidth; 
       var DataHeight=20;
       var YLabelWidth =  30;
       var LegendWidth = totalWidth-ChartWidth -YLabelWidth;
       var LegendHeigth= ChartHeight;
  
          
       var dataTableInset ="0pt,0pt,7pt,0pt";   
       
       var canvas = painter.drawGroup(Container,0,0,ChartWidth,ChartHeight,"21600,21600"  );                
       var c=new chart(canvas,0,0,21600 ,21600,"green");       
       //var canvasLegend = painter.drawGroup(Container,ChartWidth+YLabelWidth ,0, LegendWidth, LegendHeigth);
      
       
       c.setPadding([3000,0,1000,1000]);
       c.setGridPadding([3000,0,0,0]);
        
       c.setfilledColors(["#6f96d8","",""]);
       var colorArr =  ["#6f96d8","red","#ffcc01"] ;
       
       //2009-9-18 如果恢复三条线，恢复下面的代码
       //if(newData[0].length<4){colorArr=["#6f96d8","#ffcc01"]}
       
        
       c.setStrokedColors(colorArr);
       c.setData(newData);
       c.setDateType("week");
       c.setDisplayYearCount(0);
       c.setDisplayLeftUnitOfYear(false);
       var pgroup=c.drawPolyLine();
         
       var xArrLine=c.drawHLineGroup2(pgroup,5);//,c.preData["y0"],c.preData["ySpace"],"gray","0.5","dash");                  
                
       c.drawYLabels2(pgroup,xArrLine,0,c.top, painter.px2coord(YLabelWidth ,ChartWidth) ,c.height,painter.px2coord(15,ChartHeight)  ,"cRightText");
      
       var yArrLine= c.drawVLineGroup_date(pgroup,c.preData["dateArr"],5);  
       
       var canvasData =  painter.drawGroup(Container,0,ChartHeight+10, DataWidth , DataHeight);   
      
        
       c.drawXLabels_date(canvasData,yArrLine,0,3000,21600,21600,5000,21600,"cCenterText");
   
       c.drawCroodLine(pgroup);
        
        
       
          //var canvasLegend = painter.drawGroup(Container,ChartWidth ,0, 65, LegendHeigth);
                      
          /*
          var extData=document.createElement("div");
          extData.style.width="100%";
          extData.style.paddingLeft="20px";
          extData.innerHTML="<br/>基金当前总份额(万)<br/>";        
            
           var extDatab =document.createElement("div");
           extDatab.style.width="100%";
           extDatab.style.paddingLeft="20px";
          */
         
         /*如果3条线，使用下面的代码
         if(newData[0].length==4){
              var fArr=[data["classname"],data["indexname"],"推荐基金*"]         
         }else{
              var fArr=[data["classname"],"推荐基金*"]
         }
         */
         
         
         
         if(newData[0].length==3){
              var fArr=[data["classname"],data["indexname"]]         
         }else{
              var fArr=[data["classname"]]
         } 
         
         
         var tmp = "<br/><div style='width:100%;text-align:center;margin-top:120px'><table style='width:50%'><tr>" ; 
         
         
         
         //for(var i=0 ;i<fArr.length;i++){
         for(var i=0 ;i<fArr.length;i++){
            if(fArr[i]=="")continue;
            tmp += "<td style='text-align:center;font-weight:bold;'><span style='font-size:14px;color:"+colorArr[i]+"'>●</span> " + fArr[i] +"</td><td></td>";          
         }
         tmp+="</tr></table></div>";
         
         $(Container).append(tmp);
          //c.drawLegend(canvasLegend,fArr,"stroked",0,0,21600,21600);

        
        
        
    }
    
      
    
      var draw2=function( Container,data){     
    
       if(data.length==0) return;
      
       var totalWidth=480;
       var totalHeight=100 ;
       
       var ChartWidth=400;
       var ChartHeight=85;
       
       var DataWidth = ChartWidth; 
       var DataHeight=15;
       var YLabelWidth =  30;
       var LegendWidth = 80 //totalWidth-ChartWidth -YLabelWidth;
       var LegendHeigth= ChartHeight;
  
          
       var dataTableInset ="0pt,0pt,7pt,0pt";   
       
       var canvas = painter.drawGroup(Container,0,0,ChartWidth,ChartHeight,"21600,21600"  );                
       var c=new chart(canvas,0,0,21600 ,21600,"green");       
       var canvasLegend = painter.drawGroup(Container,ChartWidth+YLabelWidth ,0, LegendWidth, LegendHeigth);
      
       
       c.setPadding([3000,0,1000,1000]);
       c.setGridPadding([3000,0,0,0]);
        
       c.setfilledColors(["","","",""]);
        
       c.setStrokedColors(["green","red","blue","yellow"]);
       c.setData(data);
       c.setDateType("week");
       c.setDisplayYearCount(0);
       c.setDisplayLeftUnitOfYear(false);
       var pgroup=c.drawPolyLine();
         
       var xArrLine=c.drawHLineGroup2(pgroup,5);//,c.preData["y0"],c.preData["ySpace"],"gray","0.5","dash");                  
                
       c.drawYLabels2(pgroup,xArrLine,0,c.top, painter.px2coord(YLabelWidth ,ChartWidth) ,c.height,painter.px2coord(15,ChartHeight)  ,"cRightText");
      
       var yArrLine= c.drawVLineGroup_date(pgroup,c.preData["dateArr"],5);  
       
       var canvasData =  painter.drawGroup(Container,0,ChartHeight+10, DataWidth , DataHeight);   
      
        
       c.drawXLabels_date(canvasData,yArrLine,0,3000,21600,21600,5000,21600,"cCenterText");
   
        c.drawCroodLine(pgroup);
        
        
       
          var canvasLegend = painter.drawGroup(Container,ChartWidth ,0, LegendWidth, LegendHeigth);
                      
          /*
          var extData=document.createElement("div");
          extData.style.width="100%";
          extData.style.paddingLeft="20px";
          extData.innerHTML="<br/>基金当前总份额(万)<br/>";        
            
           var extDatab =document.createElement("div");
           extDatab.style.width="100%";
           extDatab.style.paddingLeft="20px";
          */
            
         if(data[0].length==3){
              var fArr=[data[0][1],data[0][2]]
         }else{
              var fArr=[data[0][1]]
         }
         
          c.drawLegend(canvasLegend,fArr,"stroked",0,0,21600,21600);

   
       //drawXLabels_date : function(container,dateArr,left,top,width,height ,labelwidth ,itemheight,itemrectclass,itemtextclass,itemtextinset,labelFun){                        
       
       
       //c.left+c.width
       
        
        
    }