욕창Push차트 그래프
<reportid/> <pinfo> <pid/> <sdate/> <edate/> </pinfo> </send> <init/> <hidden/> <cond> <sdate/> <edate/> <pid/> <pname/> <indd/> <cretno/> <pushyn/> </cond> <init> <scrollinfo> <scrollvalue/> </scrollinfo> </init> <codeinfo/> </root> </instance> <script type="javascript" ev:event="xforms-ready"> <![CDATA[ var sPamInfo = getGlobalVariable("paminfo"); setCSVToNode("/root/main/paminfo",sPamInfo,"list"); //환자정보내리기 var pid = model.getValue("/root/main/paminfo/list/pid"); var indd = model.getValue("/root/main/paminfo/list/indd"); var cretno = model.getValue("/root/main/paminfo/list/cretno"); var wardcd = model.getValue("/root/main/paminfo/list/wardcd"); var roomcd = model.getValue("/root/main/paminfo/list/roomcd"); var hngnm = model.getValue("/root/main/paminfo/list/hngnm"); model.setValue(ipt_pid.attribute("ref"), pid); model.setValue(ipt_fromdd.attribute("ref"), indd); model.setValue(ipt_todd.attribute("ref"), getCurrentDate()); model.setValue(ipt_pname.attribute("ref"), hngnm); model.setValue(ipt_indd.attribute("ref"), indd); model.setValue(ipt_cretno.attribute("ref"), cretno); ipt_fromdd.refresh(); ipt_todd.refresh(); ipt_pid.refresh(); ipt_pname.refresh(); ipt_indd.refresh(); ipt_cretno.refresh(); fGetNursHardCdInfo("'U30'", getCurrentDate()); // '002' 응급의료센터 여부 조회 var useyn = model.getValue("/root/codeinfo/codeinfo/codelist[cdgrupid ='U30']/cdid"); if(useyn == "Y") { chk_pushyn.visible = true; chk_pushyn.value = "Y"; } else { chk_pushyn.visible = false; chk_pushyn.value = ""; } btn_search.dispatch("DOMActivate"); ]]> </script> <submission id="TRMNW04710" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/reqdata" resultref="/root/main/pushinfo"/> <submission id="TRMNW00001" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send" resultref="/root/codeinfo/codelist"/> </model> <script type="javascript" src="../../../emr/carecomweb/js/CareCom.js"/> <script type="javascript" src="../../../com/commonweb/js/common.js"/> <script type="javascript" src="../../../com/commonweb/js/dateHelper.js"/> <script type="javascript" src="../../../com/commonweb/js/tfHelper.js"/> <script type="javascript"> <![CDATA[ function fInitChart() { } function fSearch() { model.makeNode("/root/send/reqdata"); model.copyNode("/root/send/reqdata", "/root/cond"); submit("TRMNW04710") var flag = "" var node= ""; for(var i = grd_list.fixedRows; i < grd_list.rows; i++) { flag = grd_list.valueMatrix(i, grd_list.colRef("flag")); if(flag == "1") { grd_list.rowStyle(i, "all", "background-color") = "#bdddff" } else { grd_list.rowStyle(i, "all", "background-color") = "#ffffff" // grd_list.rowStyle(i, "all", "font-weight") = "normal" } } var datarows = grd_list.rows - grd_list.fixedRows; for(var i = grd_list.colRef("total1"); i <= grd_list.colRef("total13"); i++) { var colnm = grd_list.colAttribute(i, "ref"); node = instance1.selectNodes(grd_list.nodeset + "[" + colnm + "='']"); if(datarows == node.length) { grd_list.colHidden(i) = true; } else { grd_list.colHidden(i) = false; } } } function fMakeChart() { var flag; var cnt = 0; var title = ""; obj_chart.ClearChart(); obj_chart.Header.Visible = true; // Graph Header 정보 사용 여부 obj_chart.Legend.Visible = true; obj_chart.Header.Font.Color = 0x000000; obj_chart.Header.Font.Size = 15; obj_chart.Legend.CheckBoxes = true; obj_chart.Legend.Alignment = 0; obj_chart.Panel.MarginTop = 15 obj_chart.Panel.MarginLeft = 15; obj_chart.Panel.MarginRight = 0; obj_chart.Panel.MarginBottom = -1; obj_chart.Legend.CheckBoxes = true; obj_chart.Panel.BevelWidth = 0; // 주위 테두리 넓이 0으로 설정 obj_chart.Aspect.View3D = false; // 2d 로 표현하기 obj_chart.Zoom.Enable = false; // zoom 사용하지 않기 (마우스 하단으로 드래그 zoomin, 마우스 상단으로 드래그 zoomout) obj_chart.Scroll.Enable = false; // scroll 사용하지 않기 obj_chart.Legend.Visible = true; // 그래프 참조 박스 띄우지 않기(범례) 우측상단 obj_chart.Legend.CustomPosition = true; obj_chart.Legend.Left = 10; obj_chart.Legend.Top = 0; // obj_chart.Panel.Gradient.Visible = true; // 페널에 그라디언트 적용 // obj_chart.Panel.Gradient.StartColor = 0x000000; // 그라디언트 시작색깔 // obj_chart.Panel.Gradient.EndColor = 0x404040; // 그라디언트 종료색깔 obj_chart.Environment.MouseWheelScroll = true; // Graph 마우스 휠 사용 여부 obj_chart.Axis.Bottom.Labels.Font.Size = 8; //하단축 Label 폰트 사이즈 조절 obj_chart.Axis.Bottom.Labels.Font.Color = 0xffffff; //하단축 Label 폰트 사이즈 조절 // obj_chart.Axis.Left.Labels.Font.Color = 0xffffff; //하단축 Label 폰트 사이즈 조절 // obj_chart.Axis.Left.Labels.Font.Size = 8; //하단축 Label 폰트 사이즈 조절 // obj_chart.Axis.Left.Labels.Font.Color = 0xffffff; //하단축 Label 폰트 사이즈 조절 // obj_chart.Axis.Left.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정 obj_chart.Axis.Bottom.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정 // obj_chart.Axis.Visible = true; obj_chart.Axis.Left.Automatic = false; //하단축 자동 설정(기본값) obj_chart.Axis.Left.Labels.Visible = true; //하단축 Label 설정 obj_chart.Axis.Left.Labels.multiline = true; //하단축 Label 2줄 설정 obj_chart.Axis.Left.Labels.Font.Size = 1; //하단축 Label 폰트 사이즈 조절 //obj_chart.Axis.Bottom.SetMinMax (0, 24); //하단축 최소, 최대 길이 설정 obj_chart.Axis.Left.Minimum = -1; obj_chart.Axis.Left.Maximum = 16; obj_chart.Axis.Left.Increment = 2; //하단축 증가값 설정 obj_chart.Axis.Left.MinorTickCount = 0; //하단축 눈금 갯수 설정 obj_chart.Axis.Left.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정 obj_chart.Axis.Bottom.Automatic = false; //하단축 자동 설정(기본값) obj_chart.Axis.Bottom.Labels.Visible = true; //하단축 Label 설정 obj_chart.Axis.Bottom.Labels.multiline = true; //하단축 Label 2줄 설정 obj_chart.Axis.Bottom.Labels.Font.Size = 1; //하단축 Label 폰트 사이즈 조절 //obj_chart.Axis.Bottom.SetMinMax (0, 24); //하단축 최소, 최대 길이 설정 obj_chart.Axis.Bottom.Minimum = 0; obj_chart.Axis.Bottom.Maximum = 10; obj_chart.Axis.Bottom.Increment = 1; //하단축 증가값 설정 obj_chart.Axis.Bottom.MinorTickCount = 0; //하단축 눈금 갯수 설정 obj_chart.Axis.Bottom.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정 for(var i = grd_list.fixedRows; i < grd_list.rows; i++) { flag = grd_list.valueMatrix(i, grd_list.colRef("flag")); title = grd_list.valueMatrix(i, grd_list.colRef("obspartnm")); if(flag == "1") { // grd_list.rowStyle(i, "all", "background-color") = "#bdddff" } else { // grd_list.rowStyle(i, "all", "background-color") = "#ffffff" Rnd1 = Math.random(); Rnd2 = Math.random(); Rnd3 = Math.random(); cColor = window.rgb( (255 - 1) * Rnd1 + 1, (255 - 1) * Rnd2 + 1 , (255 - 1) * Rnd3 + 1); var axis = obj_chart.Axis.AddCustom(false); // obj_chart.Axis.Custom(cnt).AxisPen.Color = cColor; // obj_chart.Axis.Custom(cnt).AxisPen.Title.Caption = title; // // obj_chart.Axis.Custom(cnt).Title.Font.Size = 4; // obj_chart.Axis.Custom(cnt).Title.Font.Bold = true; obj_chart.Axis.Custom(cnt).PositionPercent = 0; if(cnt == 0) { obj_chart.Axis.Custom(cnt).StartPosition = 0; obj_chart.Axis.Custom(cnt).EndPosition = 100; } obj_chart.Axis.Custom(cnt).PositionPercent = 1 - (3*(cnt+1)); obj_chart.Axis.Custom(cnt).Automatic = false; obj_chart.Axis.Custom(cnt).Maximum = 17; obj_chart.Axis.Custom(cnt).Minimum = 0; obj_chart.Axis.Custom(cnt).Increment = 2; obj_chart.AddSeries(0); obj_chart.Series(cnt).Color = cColor; obj_chart.Series(cnt).Title = title; obj_chart.Series(cnt).VerticalAxisCustom = axis; // 혈압 obj_chart.Series(cnt).Marks.Visible = true; //데이터레이블 // obj_chart.Series(cnt).asLine.LinePen.Width = 2; obj_chart.Series(cnt).asLine.Pointer.Visible = true; obj_chart.Series(cnt).asLine.Pointer.Style = 1; obj_chart.Series(cnt).asLine.Pointer.VerticalSize = 3; obj_chart.Series(cnt).asLine.Pointer.HorizontalSize = 3; // var total; for(var j = grd_list.colRef("total1"); j <= grd_list.colRef("total13"); j++) { total = grd_list.valueMatrix(i, j); if(total != 0 && total != null && total != "") { obj_chart.Series(cnt).AddXY(j-1 , parseInt(total), total, cColor); } else { } } cnt++; } } } ]]> </script> </xhtml:head> <xhtml:body pagewidth="1175" pageheight="700" guideline="2,700;1,1175;2,715;1,1168;"> <datagrid id="grd_list" nodeset="/root/main/pushinfo/pushlist" class="datagrid0" caption="obspartnm^recdt1^totl^caption9^caption8^caption7^caption6^caption5^caption4^caption3^caption2^caption1^caption10^caption11^flag" colsep="^" colwidth="174, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 60" fixedcols="1" frozencols="1" mergecellsfixedcols="bycolrec" rowsep="|" style="left:3px; top:385px; width:1166px; height:312px; "> <col ref="obspartnm"/> <col ref="total1" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total2" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total3" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total4" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total5" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total6" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total7" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total8" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total9" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total10" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total11" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total12" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="total13" format="yyyy-mm-dd hh:nn" style="text-align:center; "/> <col ref="flag" visibility="hidden" style="text-align:center; "/> <script type="javascript" ev:event="onscroll"> <![CDATA[ var tempScroll = model.getValue("/root/init/scrollinfo/scrollvalue"); obj_chart.Axis.Bottom.Scroll((grd_list.hscroll.attribute("pos") - tempScroll)/99, false); model.setValue("/root/init/scrollinfo/scrollvalue", grd_list.hscroll.attribute("pos")); ]]> </script> </datagrid> <object id="obj_chart" clsid="{fab9b41c-87d6-474d-ab7e-f07d78f2422e}" ShowHint="true" style="left:3px; top:80px; width:1165px; height:300px; "/> <group id="group1" style="left:5px; top:18px; width:1165px; height:47px; vertical-align:top; "> <shape id="roundrect1" appearance="roundrect" ellipsewidth="10" ellipseheight="10" style="left:0px; top:0px; width:1165px; height:45px; font-family:돋움체; background-color:#fffbf2; border-color:#ffd799; "/> <button id="btn_search" class="btn1_letter2" navindex="13" style="left:1095px; top:15px; width:56px; height:22px; font-family:돋움체;"> <caption>조회</caption> <script type="javascript" ev:event="DOMActivate"> <![CDATA[ fSearch(); fMakeChart(); ]]> </script> </button> <caption id="caption1" class="search_name" style="left:4px; top:12px; width:85px; height:17px; font-family:돋움체; ">기 간:</caption> <input id="ipt_fromdd" ref="/root/cond/sdate" class="input_search" navindex="1" inputtype="date" style="left:96px; top:12px; width:94px; height:19px; font-family:돋움체; text-align:center; "/> <input id="ipt_todd" ref="/root/cond/edate" class="input_search" navindex="1" inputtype="date" style="left:208px; top:12px; width:94px; height:19px; font-family:돋움체; text-align:center; "/> <caption id="caption2" style="left:195px; top:13px; width:15px; height:20px; font-family:돋움체; ">~</caption> <line id="line3" class="line_4" style="x1:1086px; y1:10px; x2:1086px; y2:40px; font-family:돋움체; "/> <input id="ipt_pid" ref="/root/cond/pid" style="left:420px; top:13px; width:94px; height:19px; font-family:돋움체; text-align:center; "/> <caption id="caption3" class="search_name" style="left:329px; top:13px; width:85px; height:17px; font-family:돋움체; ">환 자:</caption> <input id="ipt_pname" ref="/root/cond/pname" style="left:517px; top:13px; width:110px; height:19px; font-family:돋움체; text-align:center; "/> <input id="ipt_indd" ref="/root/cond/indd" visibility="hidden" style="left:745px; top:10px; width:100px; height:20px; "/> <input id="ipt_cretno" ref="/root/cond/cretno" visibility="hidden" style="left:880px; top:15px; width:100px; height:20px; "/> <button id="button1" visibility="hidden" style="left:1005px; top:15px; width:100px; height:20px; "> <caption>button1</caption> <script type="javascript" ev:event="DOMActivate"> <![CDATA[ var fileName = window.fileDialog("save", ",", false, "excel", "jpg", "Image Files(*.jpg)|*.jpg|All Files (*.*)|*.*"); if(fileName == "" || fileName == null) { return; } obj_chart.Export.asJPEG.SaveToFile(fileName); ]]> </script> </button> <select id="chk_pushyn" ref="/root/cond/pushyn" overflow="visible" appearance="full" style="left:645px; top:15px; width:100px; height:20px; border-style:none; "> <choices> <item> <label>push만</label> <value>Y</value> </item> </choices> </select> </group> <line id="line2" class="line_1" style="x1:3px; y1:75px; x2:1168px; y2:75px; "/> <caption id="caption6" class="tit_1" style="left:0px; top:0px; width:205px; height:18px; ">피부욕창관찰기록 PUSH 차트</caption> </xhtml:body> </xhtml:html>