<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雷达</title>
<style>
#test{
margin: 20px;
width: 700px;
height: 600px;
}
</style>
</head>
<body>
<!--建立dom 容器-->
<div id="test"></div>
<!--引入echarts-->
<script src="https://lib.baomitu.com/echarts/4.7.0/echarts.min.js"></script>
<script>
// 基于准备好的dom,初始化echarts实例
const myChart = echarts.init(document.getElementById('test'));
/*英雄数据
* value [生命,攻击,暴击,防御,速度]
* */
const data=[
{
name:'关羽',
value:[80,98,80,70,70]
},
{
name:'鲁班',
value:[85,70,75,95,80]
},
];
// 指定图表的配置项和数据
const option = {
echarts雷达图
最新推荐文章于 2024-04-28 08:55:06 发布