echarts完成的嵌套饼图（实现多图表布局）

最新推荐文章于 2025-01-09 15:12:37 发布

NancyYiyi

最新推荐文章于 2025-01-09 15:12:37 发布

阅读量3.7k

点赞数 1

分类专栏：数据可视化文章标签： echarts

本文链接：https://blog.youkuaiyun.com/NancyYiyi/article/details/123646606

版权

这篇博客展示了如何使用 Echarts 完成一个包含环形图和南丁格尔玫瑰图的可视化，分别展示了二级学院分布和专业分布。通过配置图表的属性，如 radius、center、roseType 等，实现了多图表的布局和交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我完成的这个是环形图和南丁格尔玫瑰图。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       
       <script src="./js/echarts.min.js"></script>
   </head>
   <body>
       <div id="main" style="width: 800px; height: 600px"></div>
       <script type="text/javascript">
       var myChart = echarts.init(document.getElementById("main"));
       //指定图表的配置项和数据
       var option = {
       title: {
       text: '二级学院分布-南丁格尔玫瑰图',
       x: 'center', //设置主标题全部居中
       backgroundColor: '#B5A642',
       textStyle: {
       fontSize: 18,
       fontFamily: "黑体",
       color: "#9932CD"
       },
       },
       tooltip: { //配置

最低0.47元/天解锁文章