echarts 饼图前几个颜色自定义，后边颜色取调色板

ECharts 是一个使用 JavaScript 实现的开源可视化库，它提供了丰富的图表类型和灵活的配置选项，使得开发者可以创建出美观且交互性强的数据可视化图形。在 ECharts 中制作饼图时，通常需要对图表的颜色进行配置，以便更好地适应不同的可视化需求。

如果你想自定义饼图前面几个颜色，同时后面的系列颜色使用调色板，可以使用 ECharts 提供的颜色配置项。这通常通过 series 中的 `itemStyle` 和 `color` 属性来实现。`itemStyle` 属性允许你对每个饼图块进行样式设置，而 `color` 属性则可以用来定义一个颜色数组，其中可以指定前几个颜色，剩下的则会自动使用 ECharts 的调色板。

下面是一个简化的配置示例：

option = {
    series: [{
        type: 'pie',
        radius: '55%',
        label: {
            show: false
        },
        data: [{
            value: 1048,
            name: '直接访问',
            itemStyle: {
                color: '#9e57a6' // 自定义颜色
            }
        }, {
            value: 735,
            name: '邮件营销',
            itemStyle: {
                color: '#9b59b6' // 自定义颜色
            }
        }, {
            value: 580,
            name: '联盟广告',
            itemStyle: {
                color: '#c25555' // 自定义颜色
            }
        }, {
            value: 484,
            name: '视频广告',
            itemStyle: {
                color: '#56a7ad' // 自定义颜色
            }
        }, {
            value: 300,
            name: '搜索引擎'
            // 从这开始将使用 ECharts 的默认调色板
        }],
        color: ['#9e57a6', '#9b59b6', '#c25555', '#56a7ad'] // 自定义颜色数组
    }]
};

在这个配置中，我们自定义了前四个饼图块的颜色，并且没有为第五个饼图块提供 `itemStyle` 配置，所以它将会使用 ECharts 的调色板中的颜色。`color` 数组定义了前四个颜色，后续的饼图块会自动采用调色板中剩余的颜色。