echarts 饼图 环形渐变

要在 ECharts 的饼图中实现环形渐变，可以使用 ECharts 的 `color` 属性来实现。以下是一个简单的示例代码：

option = {
    title: {
        text: '环形渐变饼图',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '60%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 435, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ],
            color: [
                new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {offset: 0, color: '#fbb962'},
                    {offset: 0.5, color: '#f37b1d'},
                    {offset: 1, color: '#f37b1d'}
                ]),
                new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {offset: 0, color: '#00c2ff'},
                    {offset: 0.5, color: '#008cff'},
                    {offset: 1, color: '#008cff'}
                ]),
                new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {offset: 0, color: '#6fde6f'},
                    {offset: 0.5, color: '#00c633'},
                    {offset: 1, color: '#00c633'}
                ]),
                new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {offset: 0, color: '#f5d114'},
                    {offset: 0.5, color: '#e8b027'},
                    {offset: 1, color: '#e8b027'}
                ]),
                new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    {offset: 0, color: '#3bafff'},
                    {offset: 0.5, color: '#0072ff'},
                    {offset: 1, color: '#0072ff'}
                ])
            ]
        }
    ]
};

在这个示例中，我们的饼图有 5 个扇形，每个扇形都有一个渐变颜色。我们使用 `new echarts.graphic.LinearGradient` 方法创建了一个线性渐变，然后将其分配给每个扇形。线性渐变的参数分别为 `0, 0, 0, 1`，表示从上到下的垂直渐变。在 `color` 属性中，我们将每个扇形的颜色设置为线性渐变。