JavaScript根据数据生成百分比图和柱状图

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 09:30 点击:

 

<HTML> 

<head> 

<title>JS百分比图和柱状图</title>   

<xml:namespace prefix="v"/>   

<style>   

 v\:* {behavior=url(#default#VML)}   

</style>   

<style>   

a:hover {color:maroon}   

h2 {color:#006600;   

       margin-top: 0pt;   

       margin-bottom: 0pt}   

h3 {color:#006600;   

       margin-top: 6pt;   

       margin-bottom: 3pt}   

h4 {color:#006600;   

       font-family: Arial;   

       font-size: 10pt;   

       margin-top: 3pt;   

       margin-bottom: 0pt}   

h5 {color:#006600;   

       margin-top: 0pt;   

       margin-bottom: 0pt}   

p  {margin-top: 0pt;   

       margin-bottom: 12pt}   

 

</style>   

</head>   

<BODY text="#000000" bgcolor="#FFFFFF" link="#006600" vlink="#006600" leftmargin=6 topmargin=6>   

<style> p.Chart {font-size:8pt; font-family:"Times"; color:black; text-align:right; } </style>   

<div style='margin-top:12pt; position:relative; '>   

<v:group style='height:324pt;width:432pt' coordsize="4320,3240">   

 

 <!-- Paper is white with a simple drop-shadow -->   

 <v:rect style='width:4320;height:3240' fillcolor="white">   

  <v:shadow on="true" offset="4pt,3pt" color="silver" />   

 </v:rect>   

 

 <v:rect style='position:absolute;left:40;top:40;width:4240;height:3160;' fillcolor="#FFFFFF" strokeweight=1.5pt /> 

 <p class=Chart style='position:absolute;left:123.1pt;top:17.8pt;width:189.8pt;height:12.6pt;color:"#000080";font-style:italic;font-size:18pt;text-align:center;'>Sample Piechart</p>   

 <p class=Chart style='position:absolute;left:225.5pt;top:310.4pt;width:198.5pt;height:5.6pt;color:"#008000";font-family:"Arial";'>Random numbers drawn as a simple pie</p>   

 <v:shape style='position:absolute; width:4320; height:3240' strokeweight=0.5pt fillcolor="#DBDBED" path="M 2250 1590 AE 2250 1590 791 791 -3538944 9437184 X E" />   

 <v:shape style='position:absolute;width:4320;height:3240' strokecolor="#000000" strokeweight=0.7pt >   

  <v:stroke joinstyle=round endcap=round />   

  <v:fill on="false" />   

  <v:path v=" M 3115 1309 L 2927 1370 E "/>   

 </v:shape>   

 <p class=Chart style='position:absolute;left:315.9pt;top:127.3pt;width:39.3pt;height:5.6pt; text-align=left; 

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1