基本信息
源码名称：Echarts 绘制 南丁格尔图 示例源码
源码大小：0.22M
文件格式：.zip
开发语言：CSS
更新时间：2018-03-27
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍
绘制南丁格尔图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>南丁格尔图</title>
    <script src="echarts.js"></script>
</head>
<body>
    <div id="main" style="width:1000px;height:600px"></div>
    <script type="text/javascript">
        var myChart=echarts.init(document.getElementById('main'));
        var option=({
            //背景色，全局
            backgroundColor:'#2c343c',
            //文本的样式
            textStyle:{
                color:'rgba(255,255,255,0.3)'
            },
            series:[
                {
                    name:'数据来源',
                    type:'pie',
                    radius:'55%',
                    data:[
                        {value:235,name:'视频'},
                        {value:335,name:'广告'},
                        {value:280,name:'邮件'},
                        {value:400,name:'访问'},
                        {value:222,name:'搜索'}
                    ],

                   roseType:'angle',

                    itemStyle:{
                        normal:{
                            color: '#C30813',
                            shadowBlur: 200,
                            shadowColor: 'rgba(0,0,0,0.5)'
                        }
                    },
                    label:{
                        normal: {
                            textStyle: {
                                color: 'rgba(255,255,255,0.3)'
                            }
                        }
                    },
                    labelLine:{
                        normal: {
                            lineStyle: {
                                color: 'rgba(255,255,255,0.3)'
                            }
                        }
                    }
                }
            ]
        })
        myChart.setOption(option);
    </script>
</body>
</html>