web数据可视化(Echarts版)2-16南丁格尔玫瑰图(代码仅供参考)

【代码】web数据可视化(Echarts版)2-16南丁格尔玫瑰图(代码仅供参考)

m0_63471474

1004人浏览 · 2023-05-17 23:03:31

m0_63471474 · 2023-05-17 23:03:31 发布

echarts.js文件下载地址:Apache ECharts

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="echarts.js"></script>
</head>
<body>
    <div id="main" style="width: 1000px;height: 800px"></div>
    <script type="text/javascript">
        var mychat = echarts.init(document.getElementById("main"));
        var option ={
            title:{
                x:'center',
                text:'二级学院分布-南丁格尔玫瑰图',
                textStyle:{
                    color:'#9932CD',
                    fontFamily:'黑体',
                    fontSize:18
                }
            },
            tooltip:{
                trigger:'item',
                formatter:"{a} <br/>{b} : {c} ({d}%)"
            },
            legend:{
                x:'center',
                y:'bottom',
                data:['计算机','大数据','外国语','机器人','建工','机电','艺术','财经']
            },
            toolbox:{
                show:true,
                x:800,
                y:18,
                feature:{
                    mark:{show:true},
                    dataView:{show:true,readOnly:false},
                    magicType:{
                        show:true,
                        type:['pie','funnel']
                    },
                    restore:{show:true},
                    saveAsImage:{show:true}
                }
            },
            series:[
                {
                    name:'学生人数',
                    type:'pie',
                    radius:['10%','50%'],
                    center:['50%',180],
                    width:'50%',
                    itemStyle:{
                        normal:{
                            label:{
                                show:false
                            },
                            labelLine:{
                                show:false
                            }
                        },
                        wmphasis:{
                            label:{
                                show:true
                            },
                            labelLine:{
                                show:true
                            }
                        }
                    },
                    data:[
                        {value:2000,name:'计算机'},
                        {value:1500,name:'大数据'},
                        {value:1200,name:'外国语'},
                        {value:1100,name:'机器人'},
                        {value:1000,name:'建工'},
                        {value:900,name:'机电'},
                        {value:800,name:'艺术'},
                        {value:700,name:'财经'}
                    ]
                },
                {
                    name:'学生人数(面积模式)',
                    type:'pie',
                    radius:['10%','50%'],
                    center:['50%',180],
                    reseType:'area',
                    x:'50%',
                    sort:'ascending',
                    data:[
                        {value:2000,name:'计算机'},
                        {value:1500,name:'大数据'},
                        {value:1200,name:'外国语'},
                        {value:1100,name:'机器人'},
                        {value:1000,name:'建工'},
                        {value:900,name:'机电'},
                        {value:800,name:'艺术'},
                        {value:700,name:'财经'}
                    ]
                },
                {
                    name:'教授人数(面积模式)',
                    type:'pie',
                    radius:['10%','50%'],
                    center:['0%',420],
                    resoType:'area',
                    x:'50%',
                    sort:'ascending',
                    data:[
                        {value:25,name:'计算机'},
                        {value:15,name:'大数据'},
                        {value:12,name:'外国语'},
                        {value:10,name:'机器人'},
                        {value:8,name:'建工'},
                        {value:7,name:'机电'},
                        {value:6,name:'艺术'},
                        {value:4,name:'财经'}
                    ]
                },
            ]
        };
        mychat.setOption(option);
    </script>
</body>
</html>

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

【计算机视觉】Pixel逐像素分类&Mask掩码分类理解摘要

魔乐社区

计算机视觉（opencv）实战三十二——CascadeClassifier 人脸微笑检测（摄像头）

本文从原理到实现，详细介绍了基于 OpenCV Haar 分类器的人脸与微笑检测：讲解了 Haar 特征和级联检测原理。对代码逐行拆解并解释参数含义。画出完整流程图，帮助理解执行过程。给出了常见问题和优化建议，甚至扩展到深度学习方法。这种方法简单、轻量、实时性好，非常适合入门和小型应用项目。但如果需要更高准确率和更强鲁棒性，建议使用深度学习检测器替代 Haar 分类器。