<html>
<head>
<script src="https://cdn.anychart.com/releases/8.7.1/js/anychart-core.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.7.1/js/anychart-radar.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
// our data from bulbapedia
var data1 = [
{x: "신체활동", value: 25},
{x: "스트레스", value: 20},
{x: "태도", value: 15},
{x: "휴식", value: 15},
{x: "다양성", value: 20},
{x: "에너지", value: 20},
{x: "목적", value: 15},
{x: "탐구", value: 15},
{x: "목표", value: 20},
{x: "영양", value: 20},
{x: "수면", value: 20},
{x: "목표", value: 20}
];
// create radar chart
var chart = anychart.radar();
// set chart yScale settings
chart.yScale()
.minimum(0)
.maximum(25)
.ticks({'interval':5});
// create first series
chart.line(data1)
// set chart title
chart.title("웰니스 결과");
// set container id for the chart
chart.container('container');
// initiate chart drawing
chart.draw();
});