资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JavaScript 报表展示实现代码
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title> VRML Report</title> <style><!-- v\:*{behavior:url(#default#vml)}/*声明v为vml变量*/ --></style><style bogus="1">v\:*{behavior:url(#default#vml)}/*声明v为vml变量*/</style> </head> <body onload="InitVRML();"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C!--%20%0D%0A%0D%0A%2F%2F%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE%20%0D%0Avar%20RecordSetArray%3Dnew%20Array()%3B%20%0D%0A%2F%2F%E6%A8%A1%E6%8B%9F%E8%AE%B0%E5%BD%95%E6%9D%A1%E6%95%B0%20%0D%0Avar%20iRecordCount%3D20%3B%20%0D%0Afor(iIndex%3D0%3BiIndex%3CiRecordCount%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20UnitArray%3Dnew%20Array()%3B%20%0D%0AUnitArray%5B0%5D%3DiIndex%3B%20%0D%0AUnitArray%5B1%5D%3DMath.round(Math.random()*1000)%3B%20%0D%0ARecordSetArray%5BiIndex%5D%3DUnitArray%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AEY%E8%BD%B4%E6%9C%80%E5%A4%A7%E5%80%BC%5B%E8%8C%83%E5%9B%B4%5D%20%0D%0Avar%20iRecordMaxX%3D20%3B%2F%2F%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AEX%E8%BD%B4%E6%9C%80%E5%A4%A7%E5%80%BC%5B%E8%8C%83%E5%9B%B4%5D%20%0D%0Avar%20iRecordMaxY%3D1000%3B%2F%2F%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AEY%E8%BD%B4%E6%9C%80%E5%A4%A7%E5%80%BC%5B%E8%8C%83%E5%9B%B4%5D%20%0D%0A%2F%2F%E5%9D%90%E6%A0%87%E7%B3%BB%E7%BB%9F%20%0D%0Avar%20iScreenWidth%3D400%3B%2F%2F%E7%9C%9F%E5%AE%9E%E5%AE%BD%E5%BA%A6PX%20%0D%0Avar%20iScreenHeight%3D400%3B%2F%2F%E7%9C%9F%E5%AE%9E%E9%AB%98%E5%BA%A6PX%20%0D%0Avar%20iCoordSizeX%3D4000%3B%2F%2F%E5%88%86%E9%9A%94%E5%AE%BD%E5%BA%A6%20%0D%0Avar%20iCoordSizeY%3D4000%3B%2F%2F%E5%88%86%E9%9A%94%E9%AB%98%E5%BA%A6%20%0D%0Avar%20iCoordSizeStep%3D200%3B%2F%2F%E5%9D%90%E6%A0%87%E8%BD%B4%E4%B8%8E%E8%BE%B9%E8%B7%9D%20%0D%0Avar%20iRectSize%3D100%3B%2F%2F%E6%9F%B1%E7%8A%B6%E5%9B%BE%E6%9F%B1%E4%BD%93%E5%AE%BD%E5%BA%A6%20%0D%0Avar%20vGroup%3Dnull%3B%2F%2FVRML%E5%8C%BA%E5%9F%9F%20%0D%0Afunction%20Line(iRecordCount)%20%0D%0A%7B%20%0D%0AVRMLID.innerHTML%3D%22%22%3B%20%0D%0AInitVRML()%3B%20%0D%0ACoordSize()%3B%20%0D%0ACoordSizeLine()%3B%20%0D%0Avar%20iFromX%3DiCoordSizeStep%3B%20%0D%0Avar%20iFromY%3D0%3B%20%0D%0Afor(iIndex%3D0%3BiIndex%3CiRecordCount%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20vLine%3Ddocument.createElement(%22v%3Aline%22)%3B%20%0D%0AvLine.style.left%3D%220%22%3B%20%0D%0AvLine.style.top%3D%220%22%3B%20%0D%0AvLine.from%3D%22'%22%2BiFromX%2B%22%2C%22%2BiFromY%2B%22'%22%3B%20%0D%0AiFromX%3DiCoordSizeStep%2BMath.round(RecordSetArray%5BiIndex%5D%5B0%5D*(iCoordSizeX-iCoordSizeStep)%2FiRecordMaxX)%3B%20%0D%0AiFromY%3DMath.round(RecordSetArray%5BiIndex%5D%5B1%5D*(iCoordSizeY-iCoordSizeStep)%2FiRecordMaxY)%3B%20%0D%0AvLine.to%3D%22'%22%2BiFromX%2B%22%2C%22%2BiFromY%2B%22'%22%3B%20%0D%0AvLine.strokecolor%3D%22%23000000%22%3B%20%0D%0AvLine.strokeweight%3D%221%22%3B%20%0D%0AvLine.title%3D%22%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE%E7%AC%AC%22%2BRecordSetArray%5BiIndex%5D%5B0%5D%2B%22%E6%9D%A1%22%3B%20%0D%0A%2F%2Fvar%20vStroke%3Ddocument.createElement(%22v%3Astroke%22)%3B%20%0D%0A%2F%2FvStroke.EndArrow%3D%22Classic%22%3B%20%0D%0A%2F%2FvStroke.StartArrow%3D%22Oval%22%3B%20%0D%0A%2F%2FvLine.appendChild(vStroke)%3B%20%0D%0AvGroup.appendChild(vLine)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20Circle(iRecordCount)%20%0D%0A%7B%20%0D%0AVRMLID.innerHTML%3D%22%22%3B%20%0D%0AInitVRML()%3B%20%0D%0Avar%20varMax%3DMath.pow(2%2C16)*360%3B%20%0D%0Avar%20vTotal%3D1%3B%20%0D%0Avar%20vStartAngle%3D0%3B%20%0D%0Avar%20vEndAngle%3D0%3B%20%0D%0Avar%20vPreAngle%3D0%3B%20%0D%0Afor(kIndex%3D0%3BkIndex%3CiRecordCount%3BkIndex%2B%2B)%20%0D%0A%7B%20%0D%0AvTotal%2B%3DRecordSetArray%5BkIndex%5D%5B1%5D%3B%20%0D%0A%7D%20%0D%0Afor(iIndex%3D0%3BiIndex%3CiRecordCount%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20vShape%3Ddocument.createElement(%22v%3Ashape%22)%3B%20%0D%0AvStartAngle%2B%3DvPreAngle%3B%20%0D%0AvPreAngle%3DRecordSetArray%5BiIndex%5D%5B1%5D%2FvTotal%3B%20%0D%0AvEndAngle%3DRecordSetArray%5BiIndex%5D%5B1%5D%2FvTotal%3B%20%0D%0A%0D%0AvShape.style.width%3DiCoordSizeX-2*iCoordSizeStep%3B%20%0D%0AvShape.style.height%3DiCoordSizeY-2*iCoordSizeStep%3B%20%0D%0AvShape.style.top%3DiCoordSizeStep%3B%20%0D%0AvShape.style.left%3DiCoordSizeStep%3B%20%0D%0AvShape.strokecolor%3D%22black%22%3B%20%0D%0AvShape.fillcolor%3DRandColor()%3B%20%0D%0A%0D%0AvShape.path%3D%22M%202000%202000%20AE%202000%202000%202000%202000%20%22%2BparseInt(varMax*vStartAngle)%2B%22%20%22%2BparseInt(varMax*vEndAngle)%2B%22%20xe%22%3B%20%0D%0AvShape.title%3D%22%E7%AC%AC%22%2BRecordSetArray%5BiIndex%5D%5B0%5D%2B%22%E5%9D%97%22%3B%20%0D%0AvShape._scale%3DparseInt(360*(vStartAngle%2BvEndAngle%2F2))%3B%20%0D%0AvGroup.appendChild(vShape)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20Bar(iRecordCount)%20%0D%0A%7B%20%0D%0AVRMLID.innerHTML%3D%22%22%3B%20%0D%0AInitVRML()%3B%20%0D%0ACoordSize()%3B%20%0D%0ACoordSizeLine()%3B%20%0D%0Avar%20iStep%3DMath.round(iCoordSizeX%2FiRecordCount)%3B%20%0D%0Afor(iIndex%3D1%3BiIndex%3CiRecordCount%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20iRnd%3DMath.round(Math.random()*(iCoordSizeY-iCoordSizeStep))%3B%20%0D%0Avar%20vRect%3Ddocument.createElement(%22v%3Arect%22)%3B%20%0D%0AvRect.style.left%3DiStep*iIndex%3B%20%0D%0AvRect.style.top%3D(iCoordSizeY-iCoordSizeStep)-Math.round(RecordSetArray%5BiIndex%5D%5B1%5D*(iCoordSizeY-iCoordSizeStep)%2FiRecordMaxY)%3B%20%0D%0AvRect.style.width%3DiRectSize%3B%20%0D%0AvRect.style.height%3DMath.round(RecordSetArray%5BiIndex%5D%5B1%5D*(iCoordSizeY-iCoordSizeStep)%2FiRecordMaxY)%3B%20%0D%0AvRect.fillColor%3D%22%23EEEEEE%22%3B%20%0D%0AvRect.title%3D%22%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE%E7%AC%AC%22%2BRecordSetArray%5BiIndex%5D%5B0%5D%2B%22%E6%9D%A1%E7%9A%84Y%E8%BD%B4%E5%9B%BE%E7%A4%BA%22%3B%20%0D%0AvGroup.appendChild(vRect)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20DrawLinesX(iMaxX%2CObject)%20%0D%0A%7B%20%0D%0Avar%20iStep%3DMath.round(iCoordSizeX%2FiMaxX)%3B%20%0D%0Afor(var%20iIndex%3D1%3BiIndex%3C%3DiMaxX%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20vLine%3Ddocument.createElement(%22v%3Aline%22)%3B%20%0D%0AvLine.from%3DiStep*iIndex%2B%22%2C%22%2B(iCoordSizeY-iCoordSizeStep)%3B%20%0D%0AvLine.to%3DiStep*iIndex%2B%22%2C%22%2B(iCoordSizeY-Math.round(iCoordSizeStep%2F2))%3B%20%0D%0Avar%20vStroke%3Ddocument.createElement(%22v%3Astroke%22)%3B%20%0D%0AvStroke.endArrow%3D%22Diamond%22%3B%20%0D%0AvStroke.dashStyle%3D%22dot%22%3B%20%0D%0AvLine.appendChild(vStroke)%3B%20%0D%0AObject.appendChild(vLine)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20DrawLinesY(iMaxY%2CObject)%20%0D%0A%7B%20%0D%0Avar%20iStep%3DMath.round(iCoordSizeY%2FiMaxY)%3B%20%0D%0Afor(var%20iIndex%3D0%3BiIndex%3CiMaxY%3BiIndex%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20vLine%3Ddocument.createElement(%22v%3Aline%22)%3B%20%0D%0AvLine.from%3DiCoordSizeStep%2B%22%2C%22%2BiStep*iIndex%3B%20%0D%0AvLine.to%3DMath.round(iCoordSizeStep%2F2)%2B%22%2C%22%2BiStep*iIndex%3B%20%0D%0Avar%20vStroke%3Ddocument.createElement(%22v%3Astroke%22)%3B%20%0D%0AvStroke.endArrow%3D%22Diamond%22%3B%20%0D%0AvStroke.dashStyle%3D%22dot%22%3B%20%0D%0AvLine.appendChild(vStroke)%3B%20%0D%0AObject.appendChild(vLine)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20InitVRML()%20%0D%0A%7B%20%0D%0AVRMLID.innerHTML%3D%22%22%3B%20%0D%0AvGroup%3Ddocument.createElement(%22v%3Agroup%22)%3B%20%0D%0AvGroup.style.width%3DiScreenWidth%2B%22px%22%3B%20%0D%0AvGroup.style.height%3DiScreenHeight%2B%22px%22%3B%20%0D%0AvGroup.coordsize%3DiCoordSizeX%2B%22%2C%22%2BiCoordSizeY%3B%20%0D%0A%0D%0Avar%20vRect%3Ddocument.createElement(%22v%3Arect%22)%3B%20%0D%0AvRect.style.width%3DiCoordSizeX%2B%22px%22%3B%20%0D%0AvRect.style.height%3DiCoordSizeY%2B%22px%22%3B%20%0D%0AvRect.fillColor%3D%22%23FFFFFF%22%3B%20%0D%0AvRect.strokeColor%3D%22%23000000%22%3B%20%0D%0Avar%20vShadow%3Ddocument.createElement(%22v%3Ashadow%22)%3B%20%0D%0AvShadow.on%3D%22true%22%3B%20%0D%0AvShadow.type%3D%22single%22%3B%20%0D%0AvShadow.color%3D%22silver%22%3B%20%0D%0AvShadow.offset%3D%225pt%2C5pt%22%3B%20%0D%0AvRect.appendChild(vShadow)%3B%20%0D%0AvGroup.appendChild(vRect)%3B%20%0D%0A%0D%0AVRMLID.appendChild(vGroup)%3B%20%0D%0A%7D%20%0D%0Afunction%20CoordSize()%20%0D%0A%7B%20%0D%0Avar%20vLineX%3Ddocument.createElement(%22v%3Aline%22)%3B%20%0D%0AvLineX.from%3DiCoordSizeStep%2B%22%2C%22%2BiCoordSizeStep%3B%20%0D%0AvLineX.to%3DiCoordSizeStep%2B%22%2C%22%2B(iCoordSizeY-iCoordSizeStep)%3B%20%0D%0Avar%20vStrokeX%3Ddocument.createElement(%22v%3Astroke%22)%3B%20%0D%0AvStrokeX.startArrow%3D%22classic%22%3B%20%0D%0AvStrokeX.endArrow%3D%22oval%22%3B%20%0D%0AvStrokeX.dashStyle%3D%22single%22%3B%20%0D%0AvLineX.appendChild(vStrokeX)%3B%20%0D%0AvGroup.appendChild(vLineX)%3B%20%0D%0A%0D%0Avar%20vLineY%3Ddocument.createElement(%22v%3Aline%22)%3B%20%0D%0AvLineY.from%3DiCoordSizeStep%2B%22%2C%22%2B(iCoordSizeY-iCoordSizeStep)%3B%20%0D%0AvLineY.to%3D(iCoordSizeX-iCoordSizeStep)%2B%22%2C%22%2B(iCoordSizeY-iCoordSizeStep)%3B%20%0D%0Avar%20vStrokeY%3Ddocument.createElement(%22v%3Astroke%22)%3B%20%0D%0AvStrokeY.startArrow%3D%22oval%22%3B%20%0D%0AvStrokeY.endArrow%3D%22classic%22%3B%20%0D%0AvStrokeY.dashStyle%3D%22single%22%3B%20%0D%0AvLineY.appendChild(vStrokeY)%3B%20%0D%0AvGroup.appendChild(vLineY)%3B%20%0D%0A%7D%20%0D%0Afunction%20CoordSizeLine()%20%0D%0A%7B%20%0D%0ADrawLinesX(RecordSetArray.length%2CvGroup)%3B%20%0D%0ADrawLinesY(RecordSetArray.length%2CvGroup)%3B%20%0D%0A%7D%20%0D%0Afunction%20RandColor()%20%0D%0A%7B%20%0D%0Areturn%20%22rgb(%22%2BparseInt(Math.random()*255)%2B%22%2C%22%2BparseInt(Math.random()*255)%2B%22%2C%22%2BparseInt(Math.random()*255)%2B%22)%22%3B%20%0D%0A%7D%20%0D%0Afunction%20Zoom(iValue)%20%0D%0A%7B%20%0D%0Avar%20varX%3D4000%3B%20%0D%0Avar%20varY%3D4000%3B%20%0D%0AvGroup.coordsize%3DparseInt(varX%2FiValue)%2B%22%2C%22%2BparseInt(varY%2FiValue)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20--%3E%3C%2Fscript%3E"> <center> <input type="button" value="初始设置" onclick="InitVRML();"> <input type="button" value="柱状图" onclick="Bar(RecordSetArray.length);"> <input type="button" value="饼图" onclick="Circle(RecordSetArray.length);"> <input type="button" value="折线图" onclick="Line(RecordSetArray.length)"> <select onchange="Zoom(this.value)"> <option value="0.2" selected>20%</option> <option value="0.25">25%</option> <option value="0.4">40%</option> <option value="0.5">50%</option> <option value="0.75">75%</option> <option value="0.8">80%</option> <option value="1">原始大小</option> <option value="1.25">125%</option> <option value="1.5">150%</option> <option value="2">200%</option> <option value="3">300%</option> <option value="4">400%</option> </select> <div id=VRMLID></div> </center> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程