<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>柱状图</title>
<style type="text/css">
canvas {border:1px solid #4c4c4c;}
</style>
<!--[if IE]><script type="text/javascript" src="excanva.js"></script><![endif]-->
<script type="text/javascript" src="vbar.js"></script>
<script type="text/javascript">
window.onload = function() {
var g = new html5jp.graph.vbar("sample");
if( ! g ) { return; }
var items = [
["剪子", 20, 58, 40, 14, 38, 20, 40],
["刀子", 10, 14, 58, 80, 70, 90, 20],
["锤子", 10, 14, 58, 80, 70, 90, 20],
["绳子", 10, 14, 58, 80, 70, 90, 20],
["钳子", 10, 14, 58, 80, 70, 90, 20]
];
var params = {
x: ["星期", "日", "一", "二", "三", "四", "五", "六"],
y: ["说明：*****************************"],
barShape: "line"
};
g.draw(items, params);
};
</script>
</head>
<body>
<div><canvas width="400" height="300" id="sample"></canvas></div>
</body>
</html>
JS生成多种图形_28饼状图_2C柱状图_2C折线图_2C雷达图_29
5星 · 超过95%的资源 需积分: 32 16 浏览量
2011-10-28
11:58:30
上传
评论
收藏 51KB RAR 举报 
JS生成多种图形_28饼状图_2C柱状图_2C折线图_2C雷达图_29.rar （18个子文件） 
JS生成多种图形(饼状图,柱状图,折线图,雷达图) 
radarc.js 23KB excanva.js 25KB
圆形雷达图.html 1KB vbar.js 29KB 圆形立体柱状图.html 1KB circle.js 10KB excanvas.js 23KB line.js 16KB 平面立体柱状图.html 1KB 折线图.html 1KB 雷达图.html 923B 立体饼图.html 833B 折线图1.html 853B radar.js 15KB 非立体饼图.html 1KB linec.js 23KB 方形立体柱状图.html 1KB 柱状图.html 1KB
评论14
最新资源