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'}]),},},

常用渐变色

这里给出博主觉得不错的渐变色网站：

有固定搭配的：/

点击左右箭头就可切换不同的搭配。

这样还是比较麻烦。我们可以直接点击左上角的show all gradient

除了可以直接查看所有搭配，还可以点击上面的颜色选择自己想要的主色系。

上面这个网站就够了。如果您要自定义的话，参考：

/dear_zx/article/details/79074805