echarts 圆环图 设置圆环颜色

ECharts是一个强大的JavaScript图表库，创建圆环图（Pie Chart）时，你可以设置圆环的颜色。首先，在初始化图表时，你需要指定数据系列（series）的配置项，其中`color`属性用于设置各个部分的颜色。下面是一个简单的例子：

var option = {
    title: {
        text: '饼图示例'
    },
    tooltip: {},
    series: [{
        name: '销售情况',
        type: 'pie', // 指定为圆环图
        data: [
            {value: 335, name: '产品A'},
            {value: 310, name: '产品B'},
            {value: 234, name: '产品C'},
            {value: 135, name: '其他'}
        ],
        // 设置颜色数组
        color: ['#FFD800', '#00FF7F', '#00FFFF', '#800080'], // 这里是一些预设的颜色，也可以自定义
        radius: ['45%', '70%'], // 内外半径的比例，可以根据需要调整
        label: {
            normal: {
                show: true,
                position: 'center'
            }
        },
        emphasis: {
            label: {
                show: true
            }
        }
    }]
};

// 使用echarts实例渲染图表
myChart.setOption(option);

在这个例子中，`color`属性定义了一个颜色数组，对应了数据中的每个类别。你可以使用CSS颜色名称、十六进制值、RGB值或其他支持的颜色模式。