数据展示问题

2图这样看着太乱了，有没有办法让每一个检查项颜色如1图，但是检查项其中的11B，11E这些颜色由浅入深

你试一下直接在标记里面的颜色去设置呢？

你参考这个修改一下吧

function main(page: IPage, portlet: IEChartsPortlet) {
    let options = portlet.getChartOptions();
    options.series.forEach((series, index) => {
        series.itemStyle = {
            normal: {
                color: function (params) {
                    var name = params.seriesName;
                    console.log(params)
                    if (name === "海鲜") {
                        return '#32CD32';  // 库存系列颜色
                    } else if (name === "点心") {
                        // 红色渐变
                        return {
                            type: 'linear',
                            x: 0,  // 渐变起始点x
                            y: 0,  // 渐变起始点y
                            x2: 1, // 渐变结束点x
                            y2: 0, // 渐变结束点y
                            colorStops: [
                                { offset: 0, color: '#FF6B6B' },    // 浅红色
                                { offset: 0.5, color: '#FF4757' },  // 红色
                                { offset: 1, color: '#FF3838' }      // 深红色
                            ]
                        };
                    }
                    return '#FF4500';  // 其他系列颜色
                }
            }
        };
    });
}