<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>能力統(tǒng)計</title>
</head>
<body>
<div id="chart1" style="width:600px; height: 800px;"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript">
//指定圖標的配置和數(shù)據(jù)
var option = {
title: {
text: '雷達圖'
},
tooltip: {},
legend: {
data: ['能力值']
},
radar: {
name: {
textStyle: {
color: 'black',
backgroundColor:'yellow',
borderRadius: 3,
padding: [3, 5]
}
},
indicator: [
{name: '文化', max: 100},
{name: '生活', max: 100},
{name: '娛樂', max: 100},
{name: '流行', max: 100},
{name: '科學', max: 100}
]
},
series: [{
name: '能力',
type: 'radar',
areaStyle: {normal: {}},
data: [
{name: "能力值", value: [80, 90, 94, 85, 88]}
]
}]
};
//初始化echarts實例
var myChart = echarts.init(document.getElementById('chart1'));
//使用制定的配置項和數(shù)據(jù)顯示圖表
myChart.setOption(option);
</script>
</body>
</html>
