zoukankan
html css js c++ java
JS画圆饼图
代码如下:
<HTML> <HEAD> <TITLE>JS画圆饼图</TITLE> <script> function DrawPieChart() { var totalvalue = value1.value/360 + value2.value/360 + value3.value/360 + value4.value/360; var per1 = value1.value/totalvalue; var per2 = value2.value/totalvalue; var per3 = value3.value/totalvalue; var per4 = value4.value/totalvalue; var per12 = per1 + per2; var per123 = per1 + per2 + per3; Chart.innerHTML = "<OBJECT ID='PieChart' CLASSID='CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6' STYLE='position:relative;top:0;left:0;400;height:400'><PARAM NAME='Line0001' ALUE='SetLineColor(255, 0, 127)'><PARAM NAME='Line0002' VALUE='SetFillStyle(1)'><PARAM NAME='Line0003' VALUE='SetFillColor(0, 255, 80)'><PARAM NAME='Line0004' VALUE='Pie(-100, -100, 200, 200, 0, "+ per1 +", 0)'><PARAM NAME='Line0005' VALUE='SetFillStyle(1)'><PARAM NAME='Line0006' VALUE='SetFillColor(0, 0, 255)'><PARAM NAME='Line0007' VALUE='Pie(-100, -100, 200, 200, "+ per1 + ", " + per2 + ", 0)'><PARAM NAME='Line0008' VALUE='SetFillStyle(1)'><PARAM NAME='Line0009' VALUE='SetFillColor(0, 128, 128)'><PARAM NAME='Line0010' VALUE='Pie(-100, -100, 200, 200, "+per12+","+per3+", 0)'><PARAM NAME='Line0011' VALUE='SetFillStyle(1)'><PARAM NAME='Line0012' VALUE='SetFillColor(255, 0, 0)'><PARAM NAME='Line0013' VALUE='Pie(-100, -100, 200, 200, "+per123+","+per4+", 0)'></OBJECT>" } </script> </HEAD> <BODY> <table border=1 width=100%> <tr><td id="Chart" width=50% height=400 align=center> 准备画图。。。</td> <td width=50%> <p align=center> 输入4个数<br> <input id="value1" type=text size=6 value=0> <input id="value2" type=text size=6 value=0> <input id="value3" type=text size=6 value=0> <input id="value4" type=text size=6 value=0> </p> <p align=center> <input type=button onclick="DrawPieChart()" value="画饼图"> </p> </td> </tr> </table> </BODY> </HTML>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
jquery图片播放弹出插件Fancybox
D3js-API介绍【英】
ZOJ 3156 Taxi (二分匹配+二分查找)
linux权限之su和sudo的差别
CareerCup之1.6 Rotate Image
[oracle]pl/sql --分页过程demo
已迁移到http://www.coffin5257.com
C# 之 集合ArrayList
Java 序列化Serializable具体解释(附具体样例)
Android 短信验证码控件
原文地址:https://www.cnblogs.com/Dicky/p/190158.html
最新文章
使用Snap.svg类库实现的抖动式的幻灯播放效果
Eclipse:Some sites could not be found. See the error log for more detail.解决的方法
Sql sever 分组排序
ubuntu怎么打开.7z和.rar的压缩文件
hdu 1016 Prime Ring Problem(DFS)
UVA
《TCP/IP具体解释》读书笔记(22章)-TCP的坚持定时器
使用泛型实现栈结构
ubuntu下spring环境搭建
对做技术的反思
热门文章
怎样面试程序猿
WeUI
jQuery WeUI
AndroidManifest中的Intent-filter标签
简述 IntentFilter(意图过滤器)
selector是在文件夹drawable中进行定义的xml文件转载 https://www.cnblogs.com/fx2008/p/3157040.html
Android Drawable 详解(教你画画!)
Maven父子工程配置文件详解
适AT maven多个子项目、父项目之间的引用问题
WPF Invoke与BeginInvoke的区别
Copyright © 2011-2022 走看看