<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>饼图</title>
<style>
#test{
margin: 20px;
width: 700px;
height: 500px;
}
</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'));
// 指定图表的配置项和数据
const option = {
/*视觉映射 visualMap
* min 最小值
* max 最大值
* inRange 定义 在选中范围中 的视觉元素
* colorLightness[0, 1] 亮度
* */
visualMap:{
min:20,
max:50,
inRange:{
colorLightness:[0.2,0.8]
echarts饼图
最新推荐文章于 2023-11-02 23:48:39 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)