echarts饼图引用方法

您可以通过以下步骤引用 echarts 饼图：

1. 首先，从 echarts 官方网站（https://echarts.apache.org/zh/index.html）下载 echarts 的 JavaScript 文件，或者使用 CDN 引入。例如，在 HTML 文件中添加以下代码：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>

2. 创建一个具有一定宽度和高度的 DOM 元素，用于渲染饼图。例如，在 HTML 文件中添加以下代码：

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

3. 在 JavaScript 文件中，使用 echarts 初始化图表并配置数据。例如，创建一个简单的饼图，显示水果销售情况：

// 获取 DOM 元素
var chartDom = document.getElementById('pie-chart');

// 初始化 echarts 实例
var myChart = echarts.init(chartDom);

// 配置数据
var option = {
    series: [{
        type: 'pie',
        data: [
            {name: '苹果', value: 30},
            {name: '香蕉', value: 20},
            {name: '橙子', value: 15},
            {name: '草莓', value: 35}
        ]
    }]
};

// 使用配置项显示图表
myChart.setOption(option);

以上代码将在指定的 DOM 元素中渲染一个饼图，显示水果销售情况。

请注意，以上代码仅提供了一个简单的示例，echarts 提供了丰富的配置选项和功能，您可以根据自己的需求进行定制和扩展。