Echarts绘制饼图

要使用Echarts绘制饼图，需要按照以下步骤操作：

1. 下载Echarts库并在HTML文档中引入。

2. 在JavaScript文件中定义一个用于初始化饼图的函数，例如：

function initPieChart() {
    // 定义饼图的配置项和数据
    var option = {
        title: {
            text: '饼图示例',
            left: 'center',
            top: 20,
            textStyle: {
                color: '#333'
            }
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 10,
            top: 80,
            data: ['数据1', '数据2', '数据3', '数据4', '数据5']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    show: false,
                    position: 'center'
                },
                labelLine: {
                    show: false
                },
                data: [
                    {value: 335, name: '数据1'},
                    {value: 310, name: '数据2'},
                    {value: 234, name: '数据3'},
                    {value: 135, name: '数据4'},
                    {value: 1548, name: '数据5'}
                ]
            }
        ]
    };

    // 获取容器元素
    var container = document.getElementById('pie-chart');

    // 初始化饼图
    var chart = echarts.init(container);

    // 设置饼图的配置项和数据
    chart.setOption(option);
}

3. 在HTML文档中使用一个容器元素来显示饼图，例如：

<div id="pie-chart" style="width: 600px; height: 400px;"></div>

4. 在HTML文档中调用初始化函数，例如：

<script type="text/javascript">
    initPieChart();
</script>

这样就可以使用Echarts绘制饼图了。需要注意的是，上述代码仅是一个简单的示例，实际应用中需要根据具体需求对配置项和数据进行相应的调整。