Echarts学习（三）饼图

最新推荐文章于 2024-08-16 18:21:02 发布

lh1234566

最新推荐文章于 2024-08-16 18:21:02 发布

阅读量755

点赞数

文章标签： echarts

本文链接：https://blog.csdn.net/lh1234566/article/details/111121176

版权

本文深入探讨了Echarts的饼图使用，包括如何显示数值、自定义label.formatter、创建圆环图以及设置内圆半径和外圆半径。此外，还介绍了南丁格尔图的实现，通过roseType参数切换到'radius'模式。同时，文章讨论了饼图的选中效果，包括single和multiple模式，并调整了选中偏移量selectedOffset。

摘要由CSDN通过智能技术生成

饼图

显示数值
label.formatter
圆环
radius[50%,75%] 内圆半径和外圆半径大小
南丁格尔图
roseType：‘radius’
选中效果
selectedMode：single/multiple 点击偏离距离
selectedOffset：30 选中偏移量

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <scrip