麦粉社区
>
帖子详情

数据展示问题

数据分析 发表于 2026-4-20 15:14
发表于 2026-4-20 15:14:37
本帖最后由 lbsycc 于 2026-4-20 15:16 编辑

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

发表于 2026-4-20 15:53:01
你试一下直接在标记里面的颜色去设置呢?
  •   lbsycc
    我49个检查项,每个检查项又有很多原因,手动一个一个原因改不过来,我想问问有没有简单的方法
    
    2026-4-20 15:58| 回复

回复

使用道具 举报

发表于 2026-4-20 16:44:06
你参考这个修改一下吧
843169e5e741f1b84.png
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';  // 其他系列颜色
                }
            }
        };
    });
}
回复

使用道具 1 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

3回帖数 0关注人数 675浏览人数
最后回复于:2026-4-20 16:44

社区

指南

AI

搜索

快速回复 返回顶部 返回列表