ECharts柱條漸變色設定

這裡只展示最關鍵的部分。

series: [{
            name: '銷量',
            type: 'bar',
            itemStyle : {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#649173'
                    }, {
                        offset: 1,
                        color: '#DBD5A4'
                    }]),
                },
            },
            data: []
        }]

最為關鍵的一步是：您需要做的是將itemStyle部分貼上到你的程式碼中，然後修改配色。上面的color是上層的color，下面的是下層的。具體看圖理解。

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

常用漸變色

這裡給出博主覺得不錯的漸變色網站：

有固定搭配的：https://uigradients.com/

點選左右箭頭就可切換不同的搭配。

這樣還是比較麻煩。我們可以直接點選左上角的 show all gradient

除了可以直接檢視所有搭配，還可以點選上面的顏色選擇自己想要的主色系。

上面這個網站就夠了。如果您要自定義的話，參考：
https://blog.csdn.net/dear_zx/article/details/79074805