echarts设置饼图高变颜色

可以使用 ECharts 中的 visualMap 组件来设置饼图的高变颜色。具体操作如下：

1. 在 option 中添加 visualMap 组件：

option = {
    ...
    visualMap: {
        show: false,
        min: 0,
        max: 100,
        inRange: {
            color: ['#F5DEB3', '#FF6347']
        }
    },
    ...
}

2. 在 series 中添加 visualMap 组件的映射关系：

series: [{
    name: '访问来源',
    type: 'pie',
    radius: ['50%', '70%'],
    avoidLabelOverlap: false,
    label: {
        show: false,
        position: 'center'
    },
    emphasis: {
        label: {
            show: true,
            fontSize: '30',
            fontWeight: 'bold'
        }
    },
    labelLine: {
        show: false
    },
    data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
    ],
    visualMap: {
        type: 'continuous',
        orient: 'horizontal',
        left: 'center',
        bottom: 10,
        min: 0,
        max: 100,
        color: ['#F5DEB3', '#FF6347'],
        text:['高','低'],           // 文本，默认为数值文本
        calculable : true
    }
}]

其中，visualMap 组件的 inRange.color 属性设置了颜色的范围，visualMap 组件的 type 属性设置了映射类型，visualMap 组件在 series 中的位置表示该组件只对该 series 生效。