JavaScript实现报表展示

最新推荐文章于 2025-09-25 23:03:52 发布

转载最新推荐文章于 2025-09-25 23:03:52 发布 · 1.1k 阅读

文章标签：

#javascript #function #button #behavior #microsoft #input

报表开发专栏收录该内容

2 篇文章

订阅专栏

本文提供了一段使用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> <mce:style></mce:style><style mce_bogus="1">v/:*{behavior:url(#default#vml)}/*声明v为vml变量*/</style> </head> <body onload="InitVRML();"> <mce:script type="text/javascript"></mce:script> <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> <br> <br> <div id=VRMLID></div> </center> </body> </html>