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

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

本次赞助数额为： 2 元　
   源码介绍 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ECharts</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:400,name:'搜索'},
                        {value:340,name:'访问'},
                        {value:360,name:'广告'},
                        {value:380,name:'视频'}
                    ],
                    roseType:'angle',

                    itemStyle:{
                        emphasis:{
                            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>