Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.6k views
in Technique[技术] by (71.8m points)

echarts 渐变问题

image
渐变色是5个颜色,根据不同数值显示其中的一部分
比如数值是90,显示225度渐变色的前半段


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
progress: {
    // ...
    itemStyle: {
        color: {
            colorStops: [
                {
                    offset: 0, color: 'red' // 0% 处的颜色
                },
                {
                    offset: 0.25, color: 'blue' // 25% 处的颜色
                },
                {
                    offset: 0.5, color: 'green' // 50% 处的颜色
                },
                {
                    offset: 0.75, color: 'yellow' // 75% 处的颜色
                },
                {
                    offset: 1, color: '#58D9F9' // 100% 处的颜色
                }
            ],
        }
    }
    }

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...