1. 程式人生 > >echarts如何給柱狀圖設定漸變色

echarts如何給柱狀圖設定漸變色

在series 的 itemStyle 裡面進行設定color的屬性值,

itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: '#cd7cf3'
                        }, {
                            offset: 1,
                            color: '#de5df2'
                        }]),
                    }
                },

這裡設定後每個柱子的顏色漸變方向是從低到上從#cd7cf3到#de5df2