来看看echarts雷达图的一个基本使用
这里没有图例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jquery.js"></script>
<script src="echarts.js"></script>
<style>
*{
padding: 0;
margin: 0;
}
div{
width: 100%;
height: 100vh;
}
</style>
</head>
<body>
<div></div>
<script>
var my = echarts.init($("div").get(0));
my.setOption({
// 把图画上去才能改变背景色
backgroundColor:"#123355",
title:{
text:"雷达图",
left:"center",
textStyle:{
color:"yellow"
}
},
radar:{
// 雷达有指向
// 这里写了六个轴,六个雷达控制器
// name:雷达控制器上的名称,max:长度,可以单设文字颜色
indicator:[
{name:"攻击力",max:200,color:"red"},
{name:"护甲",max:400},