<!DOCTYPE html>
<head>
    <meta charset="gb2312">
    <title>ECharts</title>
</head>
<body>
        <!-- 引用echarts文件 -->
        <script src="echarts-plain.js" data-ke-src="echarts-plain.js"></script>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main"  style="height:400px"></div>
    <script type="text/javascript">
            function myd() {
                // 基于准备好的dom，初始化echarts图表
                var myChart = echarts.init(document.getElementById('main'));
                
                var option = {
                                                        title : {
                                                            text: '某站点用户访问来源',
                                                            subtext: '纯属虚构',
                                                            x:'center'
                                                        },
                                                        tooltip : {
                                                            trigger: 'item',
                                                            formatter: "{a} <br/>{b} : {c} ({d}%)"
                                                        },
                                                        legend: {
                                                            orient : 'vertical',
                                                            x : 'left',
                                                            data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
                                                        },
                                                        toolbox: {
                                                            show : true,
                                                            feature : {
                                                                mark : {show: true},
                                                                dataView : {show: true, readOnly: false},
                                                                restore : {show: true},
                                                                saveAsImage : {show: true}
                                                            }
                                                        },
                                                        calculable : true,
                                                        series : [
                                                            {
                                                                name:'访问来源',
                                                                type:'pie',
                                                                radius : '55%',
                                                                center: ['50%', '60%'],
                                                                data:[
                                                                    {value:335, name:'直接访问'},
                                                                    {value:310, name:'邮件营销'},
                                                                    {value:234, name:'联盟广告'},
                                                                    {value:135, name:'视频广告'},
                                                                    {value:1548, name:'搜索引擎'}
                                                                ]
                                                            }
                                                        ]
                                                    };
                    
        
                // 为echarts对象加载数据
                myChart.setOption(option);
            }

    </script>
    <a href="javascript:myd()">dddd</a>
</body>

QQ截图20181015134224.png