Echarts實現折線圖的填充漸變


效果圖:

漸變使用line的areaStyle屬性,linear為線性漸變

let option={
    series:[
        {
            type:'line',
            areaStyle:{
                color:{
                    //線性漸變
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [{
                        offset: 0, color: 'rgba(1, 255, 255, 0.8)', // 0% 處的顏色
                    }, {
                        offset: 0.6, color: 'rgba(1, 255, 255,0)', // 100% 處的顏色
                    }],
                    global: false, // 缺省為 false
                },
            },
        }
    ]
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM