Chart.js로 레이더 차트 만들기
개요
Chart.js로 레이더 차트 만들기
샘플
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Qiita Scouter - Radar Chart</title>
<script src="Chart.min.js"></script>
<script language="JavaScript"><!--
function displayPieChart() {
var data = {
labels: ["攻撃力", "知力", "すばやさ"],
datasets: [
{
label: "Qiita Scouter",
fillColor: "rgba(200,0,0,0.2)",
strokeColor: "red",
pointColor: "red",
pointStrokeColor: "red",
pointHighlightFill: "red",
pointHighlightStroke: "red",
data: [10780, 87010, 3927]
}
]
};
var ctx = document.getElementById("radarChart").getContext("2d");
var options = { };
var radarChart = new Chart(ctx).Radar(data, options);
}
--></script>
</head>
<body onload="displayPieChart();">
<div class="box">
<canvas id="radarChart" height="450" width="450"></canvas>
</div>
</body>
</html>
외부 자료
Chart.js docs
Reference
이 문제에 관하여(Chart.js로 레이더 차트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tbpgr/items/2655162a7021d092b740텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)