web前端全系列 教程
1839个小节阅读:2243.3k
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
雷达图(Radar Chart),也被称为蛛网图(Spider Chart)或星形图(Star Chart),是一种用来表示多维数据的图表。它以一个中心点为起点,沿着多个方向绘制出多个数据轴线,然后用不同的颜色或线条连接各个数据点,形成一个多边形。每个数据点代表一个维度,多边形的大小和形状反映了各维度数据之间的关系和差异。雷达图常用于比较多个对象或者评估一个对象的多个方面
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./echarts.js"></script>
</head>
<body>
<div id="root" style="width:600px;height:400px"></div>
<script>
var myChart = echarts.init(document.getElementById("root"))
var option = {
legend: {
data: ['兰博基尼', '阿斯顿马丁']
},
radar: {
// shape: 'circle',
indicator: [
{ name: '价格', max: 50000000 },
{ name: '速度', max: 400 },
{ name: '安全性', max: 10 },
{ name: '车辆数量', max: 1000 },
{ name: '车重', max: 3000 },
{ name: '品牌价值', max: 10 }
]
},
series: [
{
name: '兰博基尼 vs 阿斯顿马丁',
type: 'radar',
data: [
{
value: [25000000, 280, 8, 800, 2000, 8],
name: '兰博基尼'
},
{
value: [40000000, 320, 9, 400, 2500, 9],
name: '阿斯顿马丁'
}
]
}
]
}
myChart.setOption(option)
</script>
</body>
</html>
实时效果反馈
1. ECharts实现雷达图,type
属性应设置为什么:
A radar
B pie
C tree
D bar
答案
1=>A