ホームページ >ウェブフロントエンド >jsチュートリアル >XML ドキュメント変換ツール、チャート例付き (hta)_JavaScript スキル

XML ドキュメント変換ツール、チャート例付き (hta)_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:16:101110ブラウズ

ソースドキュメント、円グラフデータ

コードをコピー コードは次のとおりです。



<br><unit>People</unit> ; <br><br><br><br><br> /アイテム><br><名前>インジケーター252</名前><br><説明> /説明> <br><項目><br><値>/値> 3</description> <br></item> <br><name><br><value></value>説明>4</説明><br><アイテム><br><値></値> <説明></説明> <br></項目> <br><説明><br></項目> <br>インジケーター 7<br><br><br>項目> 🎜><アイテム><br><名前>インジケーター8​​</名前><br><説明></説明> ; <br></items> <br><br> <br>テンプレートドキュメント<br><br><br><br><br>コードをコピーします<br><br><br> コードは次のとおりです以下:<br><div class="codebody" id="code82897"> <br><?xml version="1.0" encoding="utf-8"?> <br><template rootname="DIV"> <br><属性名="スタイル" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <BR>$System.Event.EventManager.attachEvent <BR>( <BR>$$("#ctrlid#") , "AfterRender", <BR>function(sender) <BR>{ <BR>var cMenu = new $System.UI.ContextMenu($$("#ctrlid#").domid); <BR>//alert(2); ).addChildNode(cMenu.guid , true); <BR>$$("#ctrlid#").$$secret.codebehind.cMenuGUID = cMenu.guid; <BR>var srcDoc = new $System.XML.XMLUtil. XDOC("root"); <BR>var tplDoc = $System.XML.XMLUtil.loadXMLFile("res\app\module\style\contextmenu.tpl.xml"); >cMenu.render(srcDoc , tplDoc); <BR>} <BR>) <BR>$$("#ctrlid#").$$secret.codebehind.showItemDetail = function(itemName , itemValue , itemPercent) <BR> { <BR>//アラート(); <BR>var cMenu = $$($$(leftFrameGUID).$$secret.codebehind.cMenuGUID); <BR>$(cMenu.guid "_detail").innerHTML = $System.String.StringUtil.decodeURIComponent(detail); <BR>//alert($(cMenu.guid "_detail").innerHTML); <BR>cMenu.show(window.event.x , window.event.y); <BR>} <BR>$$("#ctrlid#").$$secret.codebehind.sectorOnMouseOver = function(domid , startAngle , offsetAngle , angle , radius) <BR>{ <BR>//$(domid) .path = "m0,0l0,0xe"; <BR>window.setTimeout("$('" domid "').path = 'm0,0ae0,0,1000,1000," startAngle "," offsetAngle "xe'" , 10 , "javascript"); <BR>} <BR>$$("#ctrlid#").$$secret.codebehind.sectorOnMouseOut = function(domid , startAngle , offsetAngle , angle , radius) <BR>{ <BR>//$(domid) .path = "m0,0l0,0xe"; <BR>window.setTimeout("$('" domid "').path = 'm0,0ae0,0,850,850," startAngle "," offsetAngle "xe'" , 10 , "javascript"); <BR>} <BR>// <BR>//图表高、宽 <BR>var pContainer = $$("#ctrlid#").getDomObject(); <BR>var w = pContainer.style.pixelWidth; <BR>var h = pContainer.style.pixelHeight; <BR>//アラート(h); <BR>if(h < w){ <BR>h = h < (w * 5 / 6) ? h : Math.floor(w * 5 / 6); <BR>} <BR>else{ <BR>h = Math.floor(w * 5 / 6); <BR>} <BR>var hv = Math.min(w , h); <BR>var rad = Math.floor(2 * hv / 5); <BR>//アラート(rad); <BR>var 半径 = 1000; <BR>$$("#ctrlid#").$$secret.codebehind.radius = 半径; <BR>$$("#ctrlid#").$$secret.codebehind.rad = rad; <BR>//扇区数 <BR>var itemNodeList = $$("#sdocguid#").getElementsByTagName("item"); <BR>$$("#ctrlid#").$$secret.codebehind.sectorCount = itemNodeList.length; <BR>var nameLengthArray = []; <BR>var maxItemNameLength 、 cNameLength; <BR>if($$("#ctrlid#").$$secret.codebehind.sectorCount != 0){ <BR>for(iteri = 0 ; iteri < $$("#ctrlid#").$ $secret.codebehind.sectorCount; iteri ){ <BR>cNameLength = $System.String.StringUtil.getLengthInCn(itemNodeList.item(iteri).getElementsByTagName("name").item(0).text); <BR>nameLengthArray.push(cNameLength); <BR>} <BR>maxItemNameLength = nameLengthArray.sort <BR>( <BR>function(a , b){ <BR>if(a == b){ <BR>return 0; <BR>} <BR> if(a > b){ <br>return 1; <br>} <br>return -1; <br>)[nameLengthArray.length - 1]; <br>} <br>$$("#ctrlid#").$$secret.codebehind.maxItemNameLength = maxItemNameLength; <br>//图表背景尺寸 <br>var bgLeft = Math.floor((w - 2 * rad - Math.ceil(rad / 9) - Math.ceil(rad / 10) - (maxItemNameLength / 10) * rad ) / 2); <br>//alert(bgLeft); <br>var bgTop = Math.floor(rad / 7); <br>//alert(bgTop); <br>var bgWidth = 2 * rad; <br>var bgHeight = 2 * rad; <br>$$("#ctrlid#").$$secret.codebehind.bg = {bgLeft : bgLeft , bgTop : bgTop , bgWidth : bgWidth , bgHeight : bgHeight}; <br>//当前扇区開始角度 <br>$$("#ctrlid#").$$secret.codebehind.cStartAngle = 0; <br>$$("#ctrlid#").$$secret.codebehind.angleOffset = 0; <br>$$("#ctrlid#").$$secret.codebehind.cSN = null; <br>$$("#ctrlid#").$$secret.codebehind.cIndex = 1000; <br>var strStyle; <br>strStyle = "border:1px ソリッドレッド;position:relative;left:0px;top:" Math.floor((pContainer.style.pixelHeight - h) / 2) "px;width:" w "px;height :" h "px;オーバーフロー:可視;"; <br>//alert(strStyle); <br>]]> <br></statement> <br></式> <br>属性> <br><foreachbase="/item"> <br> <br><attribute name="coordrigin" value="-1000,-1000" /> <br><attribute name="coordsize" value="2000,2000" /> <br><属性名="ストローク" 値="false" /> <br><属性名="fill" 値="true" /> <br><要素名="v:fill"> <br><属性名="rotate" 値="true" /> <br><属性名="角度" 値="180" /> <br><属性名="フォーカス" 値="100%" /> <br><属性名="タイプ" 値="グラデーション" /> <br><属性名="color" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br></paramlist> <br> <br><![CDATA[ <br>var sn; <br>if($$("#ctrlid#").$$secret.codebehind.cSN == null){ <br>$$("#ctrlid#").$$secret.codebehind.cSN = 0; <br>} <br>else{ <br>$$("#ctrlid#").$$secret.codebehind.cSN ; <br>} <br>sn = $$("#ctrlid#").$$secret.codebehind.cSN; <br>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <br>//色を計算します。 <br>var ar = $System.UI.ColorUtil.genColorArrayOnItemNum(totalCount , 1 , 0.7); <br>sColor = "rgb(" ar[sn].r " " ar[sn].g " " ar[sn].b ")"; <br>]]> <br></statement> <br></式> <br>属性> <br><属性名="color2" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br></paramlist> <br> <br><![CDATA[ <br>var sn; <br>sn = $$("#ctrlid#").$$secret.codebehind.cSN; <br>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <br>//色を計算します。 <br>var ar = $System.UI.ColorUtil.genColorArrayOnItemNum(totalCount , 0.5 , 1); <br>sColor = "rgb(" ar[sn].r " " ar[sn].g " " ar[sn].b ")"; <br>]]> <br></statement> <br></式> <br>属性> <br>要素> <br><属性名="パス" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var sn = $$("#ctrlid#").$$secret.codebehind.cSN; <br>var cldNodeList = $System.XML.XMLUtil.XElement.getElementChildsByTagName($$("#sdocguid#").documentElement , "item"); <br>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <br>var totalValue = 0; <br>var valueArray = []; <br>var cValue; <br>//開始角度と終了角度を計算します。度 * (2^16) <br>for(var ai = 0 ; ai <totalcount ai>cValue = parseFloat($System.XML.XMLUtil.XElement.getFirstElementChildByTagName(cldNodeList[ai] , "value ").firstChild.nodeValue); <br>valueArray.push(cValue); <br>合計値 = cValue; <br>} <br>var startAngle = 0; <br>var angleOffset = 0; <br>for(var ai = 0 ; ai <totalcount ai>if(sn != ai){ <br>startAngle = (ai % 2 == 0) ? Math.floor(valueArray[ai] / totalValue * 360 * 65536) : Math.ceil(valueArray[ai] / totalValue * 360 * 65536); <br>} <br>else{ <br>angleOffset = ((ai % 2 == 0) ? Math.floor(valueArray[ai] / totalValue * 360 * 65536) : Math.ceil(valueArray[ai] / totalValue * 360 * 65536)); <br>休憩; <br>} <br>} <br>if(sn == (totalCount - 1)){ <br>angleOffset = 360 * 65536 - startAngle; <br>}<br>$$("#ctrlid#").$$secret.codebehind.cStartAngle = startAngle; <br>$$("#ctrlid#").$$secret.codebehind.angleOffset = angleOffset; <br>//パス属性値を構築します。 <br>var sPath; <br>sPath = "m0,0ae0,0,850,850," startAngle "," angleOffset "xe"; <br>]]> <br></statement> <br></式> <br>属性> <br><!-- <BR><v:extrusion on="t" type="Parallel" back Depth="25px" color="#20c11b" diffusity="1.2" metal="t" Rotationangle=" 20,0" skewangle="90,0" /> <br>--> <br><要素名="v:extrusion"> <br><属性名="on" 値="t" /> <br><属性名="タイプ" 値="並列" /> <br><属性名="back Depth" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var str; <br>str = Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 8); <br>]]> <br></statement> <br></式> <br>属性> <br><属性名="タイプ" 値="並列" /> <br><属性名="color" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var sn; <br>sn = $$("#ctrlid#").$$secret.codebehind.cSN; <br>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <br>//色を計算します。 <br>var ar = $System.UI.ColorUtil.genColorArrayOnItemNum(totalCount , 1 , 0.7); <br>sColor = "rgb(" ar[sn].r " " ar[sn].g " " ar[sn].b ")"; <br>]]> <br></statement> <br></式> <br>属性> <br><属性名="メタル" 値="t" /> <br><属性名="rotationangle" value="20,0" /> <br><属性名="skewangle" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var skewangle; <br>スキューアングル = 90; <br>]]> <br></statement> <br></式> <br>属性> <br>要素> <br><属性名="スタイル" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <BR>var strStyle; <BR>strStyle = "border:0px ソリッドレッド;position:absolute;left:" $$("#ctrlid#").$$secret.codebehind.bg.bgLeft "px;top:" $$("#ctrlid #").$$secret.codebehind.bg.bgTop "px;幅:" $$("#ctrlid#").$$secret.codebehind.bg.bgWidth "px;高さ:" $$("#ctrlid #").$$secret.codebehind.bg.bgHeight "px;"; <BR>//alert(strStyle); <BR>var startAngle = $$("#ctrlid#").$$secret.codebehind.cStartAngle / 65536; <BR>if(startAngle == 0){ <BR>strStyle = "z-index:" $$("#ctrlid#").$$secret.codebehind.cIndex; <BR>} <BR>else if(startAngle < 90 && startAngle > 0){ <BR>strStyle = "z-index:" (--$$("#ctrlid#").$$secret.codebehind .cインデックス); <BR>} <BR>else if(startAngle >=90 && startAngle $$("#ctrlid#").$$secret.codebehind.cIndex = 2; <br>strStyle = "z-index:" $$("#ctrlid#").$$secret.codebehind.cIndex; <br>} <br>else{ <br>strStyle = "z-index:" (--$$("#ctrlid#").$$secret.codebehind.cIndex); <br>} <br>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="id" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var domid = $System.genGUID(); <BR>domid; <BR>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="onmouseover" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#titleid#" path="." attr="id" tdoc="t" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var startAngle = $$("#ctrlid#").$$secret.codebehind.cStartAngle; <BR>var offsetAngle = $$("#ctrlid#").$$secret.codebehind.angleOffset; <BR>var angleLine = ($$("#ctrlid#").$$secret.codebehind.cStartAngle + $$("#ctrlid#").$$secret.codebehind.angleOffset / 2) / 65536; <BR>var str; <BR>str = "$$('#ctrlid#').$$secret.codebehind.sectorOnMouseOver('#titleid#' , " + startAngle + " , " + offsetAngle + " , " + angleLine + " , " + $$("#ctrlid#").$$secret.codebehind.rad + ")"; <BR>//alert(str); <BR>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="onmouseout" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#titleid#" path="." attr="id" tdoc="t" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var angleLine = ($$("#ctrlid#").$$secret.codebehind.cStartAngle + $$("#ctrlid#").$$secret.codebehind.angleOffset / 2) / 65536; <BR>var str; <BR>str = "$$('#ctrlid#').$$secret.codebehind.sectorOnMouseOut('#titleid#' , " + startAngle + " , " + offsetAngle + " , " + angleLine + " , " + $$("#ctrlid#").$$secret.codebehind.rad + ")"; <BR>]]> <br></statement> <br></expression> <br></attribute> <br></element> <br></foreach> <br><!--绘制图例开始--> <br><element name="div"> <br><attribute name="style" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var pContainer = $$("#ctrlid#").getDomObject(); <BR>var strStyle; <BR>var h = pContainer.style.pixelHeight - Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 4) - Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 8); <BR>var l = $$("#ctrlid#").$$secret.codebehind.bg.bgLeft + $$("#ctrlid#").$$secret.codebehind.bg.bgWidth + Math.ceil($$("#ctrlid#").$$secret.codebehind.rad / 10); <BR>var w = Math.ceil($$("#ctrlid#").$$secret.codebehind.maxItemNameLength / 8) * $$("#ctrlid#").$$secret.codebehind.rad + Math.ceil($$("#ctrlid#").$$secret.codebehind.rad / 12); <BR>strStyle = "border:solid 0px #FF0000;position:absolute;left:" + l + "px;top:" + Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 4) + "px;width:" + w + "px;height:" + h + "px;"; <BR>]]> <br></statement> <br></expression> <br></attribute> <br><element name="table"> <br><attribute name="height" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var pContainer = $$("#ctrlid#").getDomObject(); <BR>var h; <BR>h = pContainer.style.pixelHeight - Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 4) - Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 8); <BR>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="border" value="0" /> <br><attribute name="align" value="right" /> <br><element name="tr"> <br><element name="td"> <br><attribute name="align" value="left" /> <br><attribute name="valign" value="middle" /> <br><element name="table"> <br><attribute name="border" value="0" /> <br><attribute name="height" value="1" /> <br><attribute name="cellpadding" value="0" /> <br><属性名="セル間隔" 値="0" /> <br><foreachbase="/item"> <br> <br> <br><属性名="align" value="center" /> <br><attribute name="valign" value="middle" /> <br><属性名="高さ" 値="1" /> <br><要素名="div"> <br><属性名="スタイル" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var strStyle; <br>var hw = Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 10); <br>strStyle = "margin:0px;position:relative;top:0px;left:0px;border:0pxsolid #FF0000;width:" hw "px;height:" hw "px;padding:0px;"; <br>]]> <br></statement> <br></式> <br>属性> <br> <br><属性名="スタイル" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <br>var strStyle; <br>var hw = Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 10); <br>strStyle = "margin:0px;position:absolute;top:0px;left:0px;width:" hw "px;height:" hw "px;"; <br>]]> <br></statement> <br></式> <br>属性> <br><attribute name="path" value="m 0,0 l 0,100 100,100 100,0 x e" /> <BR><属性名="coordrigin" 値="0,0" /> <br><属性名="coordsize" 値="100,100" /> <br><要素名="v:fill"> <br><属性名="rotate" 値="true" /> <br><属性名="角度" 値="180" /> <br><属性名="フォーカス" 値="100%" /> <br><属性名="タイプ" 値="グラデーション" /> <br><属性名="color" 式="true"> <br> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br> <br><![CDATA[ <BR>if($$("#ctrlid#").$$secret.codebehind.sampleI == null){ <BR>$$("#ctrlid#").$ $secret.codebehind.sampleI = 0; <BR>} <BR>var sColor; <BR>var sn = $$("#ctrlid#").$$secret.codebehind.sampleI; <BR>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <BR>//compute color. <BR>var ar = $System.UI.ColorUtil.genColorArrayOnItemNum(totalCount , 1 , 0.7); <BR>//$$("#ctrlid#").$$secret.codebehind.cColumnFillColor = ar[sn].r + "," +ar[sn].g + "," +ar[sn].b; <BR>sColor = "rgb(" + ar[sn].r + " " + ar[sn].g + " " + ar[sn].b + ")"; <BR>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="color2" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var sColor; <BR>var sn = $$("#ctrlid#").$$secret.codebehind.sampleI; <BR>var totalCount = $$("#ctrlid#").$$secret.codebehind.sectorCount; <BR>//compute color. <BR>var ar = $System.UI.ColorUtil.genColorArrayOnItemNum(totalCount , 0.5 , 1); <BR>//$$("#ctrlid#").$$secret.codebehind.cColumnFillColor = ar[sn].r + "," +ar[sn].g + "," +ar[sn].b; <BR>$$("#ctrlid#").$$secret.codebehind.sampleI++; <BR>sColor = "rgb(" + ar[sn].r + " " + ar[sn].g + " " + ar[sn].b + ")"; <BR>]]> <br></statement> <br></expression> <br></attribute> <br></element> <br></element> <br></element> <br></element> <br><element name="td"> <br><attribute name="height" value="1" /> <br><attribute name="width" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var ww; <BR>ww = Math.max(Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 30) , 5); <BR>]]> <br></statement> <br></expression> <br></attribute> <br><attribute name="style" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var strStyle; <BR>var hw = Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 8); <BR>strStyle = "margin:0px;padding:0px;height:" + hw + "px;line-height:1px;"; <BR>]]> <br></statement> <br></expression> <br></attribute> <br><element name="br" /> <br></element> <br><element name="td"> <br><attribute name="height" value="1" /> <br><attribute name="align" value="left" /> <br><attribute name="valign" value="middle" /> <br><attribute name="nowrap" value="true" /> <br><attribute name="style" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var fs = Math.ceil($$("#ctrlid#").$$secret.codebehind.rad / 15) > 9 ? Math.ceil($$("#ctrlid#").$$secret.codebehind.rad / 15) : 9; <br>strStyle = "padding:0px;margin:0px;height:1px;line-height:" + fs + "px;font-size:" + fs +"px;font-weight:bold;font-family: 'Microsoft YaHei',SimHei,Helvetica,STHeiti,Georgia, 'Times New Roman', Times, serif;"; <br>]]> <br></statement> <br></expression> <br></attribute> <br><text path="./name" /> <br></element> <br></element> <br></foreach> <br></element> <br></element> <br></element> <br></element> <br></element> <br><!--绘制图例结束--> <br><element name="div"> <br><attribute name="style" expression="true"> <br><expression> <br><paramlist> <br><param name="#ctrlid#" path="/" attr="controlguid" /> <br><param name="#sdocguid#" path="/" attr="guid" /> <br></paramlist> <br><statement> <br><![CDATA[ <BR>var w = $$("#ctrlid#").getDomStyle("pixelWidth"); <BR>var h = Math.floor($$("#ctrlid#").$$secret.codebehind.rad / 6); <BR>var fs = h > 14 ? h : 14; <br>strStyle = "padding-top:" Math.floor(fs / 4) "px;font-size:" fs "px;text-align:center;border:solid 0px #FF0000;position:absolute;left:0px;top :0px;width:" w "px;height:" (fs Math.floor(fs / 4)) "px;line-height" (fs Math.floor(fs / 4)) "px;font-weight:bold ;font-family: 'Microsoft YaHei',SimHei,Helvetica,STHeiti,Georgia, 'Times New Roman', Times, serif;"; <br>]]> <br></statement> <br>< /式> <br></属性> <br></要素> <br><br> コードを変換<br></paramlist></paramlist></paramlist></paramlist></paramlist></paramlist></paramlist></totalcount></totalcount></paramlist></paramlist></paramlist></paramlist> </div> <br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="60870" class="copybut" id="copybut60870" onclick="doCopy('code60870')"><u> コードは次のとおりです:</u></a> </span>var ctrl1 = new $System .UI.Control("div005"); </div>var srcdoc = $System.XML.XMLUtil.loadXMLFile("ria09\style\xmls\graph_src.xml"); .loadXMLFile( "ria09\style\xmls\graph_3dpie_tpl.xml"); <div class="codebody" id="code60870">ctrl1.renderE(srcdoc, tpldoc); <br><br> <br>変換結果<br><br> </div> <br>コードのダウンロード<br> </div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="Google AJAX 検索 API 実装コード_JavaScript スキル" href="https://m.php.cn/ja/faq/20929.html">Google AJAX 検索 API 実装コード_JavaScript スキル</a></span><span>次の記事:<a class="dBlack" title="Google AJAX 検索 API 実装コード_JavaScript スキル" href="https://m.php.cn/ja/faq/20931.html">Google AJAX 検索 API 実装コード_JavaScript スキル</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="https://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ja/faq/1609.html" title="Bootstrap リスト グループ コンポーネントの詳細な分析" class="aBlack">Bootstrap リスト グループ コンポーネントの詳細な分析</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/1640.html" title="JavaScript関数のカリー化の詳細説明" class="aBlack">JavaScript関数のカリー化の詳細説明</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/1949.html" title="JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)" class="aBlack">JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/2248.html" title="Angularjs は WeChat UI (weui) を統合します" class="aBlack">Angularjs は WeChat UI (weui) を統合します</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/2351.html" title="JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル" class="aBlack">JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>