tmp

最新推荐文章于 2025-05-06 13:44:23 发布

原创最新推荐文章于 2025-05-06 13:44:23 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

http://www.html5.jp/library/graph_radar.html

http://www.fusioncharts.com/explore/radar-spider-chart/

http://wbotelhos.com/raty

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><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>レーダーチャートサンプル 1 - jsライブラリ - HTML5.JP</title>
<link href="./レーダーチャートサンプル 2 - jsライブラリ - HTML5.JP_files/sample_graph_radar.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="./レーダーチャートサンプル 1 - jsライブラリ - HTML5.JP_files/rendering-mode.js"></script>

<script type="text/javascript" src="./レーダーチャートサンプル 1 - jsライブラリ - HTML5.JP_files/radar.js"></script>
<script type="text/javascript">
window.onload = function() {
var rc = new html5jp.graph.radar("sample");
if( ! rc ) { return; }
var items = [
["蓝丁网评价", 0, 5, 0, 2, 3.5, 0, 0],
["用户综合评价用户综合评价", 3, 4, 3.5, 4, 5, 4, 5]
];
var params = {
aCap: ["资本实力", "安全性", "信用", "真实透明性", "集中度", "服务", "收益率"],
aLinePositions: [,1,2,3,4,5]
}
rc.draw(items, params);
};
</script>
</head>
<body>

<div >
<canvas width="400" height="300" id="sample" style="margin: 0px;"></canvas>
</div>

</body></html>