Reactjs 如何为echarts bar系列中的每个bar应用不同的线性渐变？

现在我可以对所有条应用相同的渐变，但我需要基于一个值对每个条应用线性渐变颜色。i、 e第一个条的渐变色从color1到color2，第二个条的渐变色可以从color1到color3。我已经看了文档，但找不到必要的信息。

是的，很简单

在条形图系列中，每个数据点都有对应的。请看一下地图。在你的情况下，一切都是一样的，但纯色改变我们的梯度

对于控制渐变和他的颜色，您需要使用如下内容：

var myChart=echart.init（document.getElementById（'main'）； var graphic=echarts.graphic； var barData=[5,20,36,10,10,20]； var barColors=[ ['rgba（176196222，0.3）''rgba（176196222，1）'， ['rgba（220,20,60,0.3）''rgba（220,20,60,1）'， ['rgba（189183107，0.3）''rgba（189183107，1）'， ['rgba（47,79,79,0.3）''rgba（47,79,79,1）'， ['rgba（30144255，0.3）''rgba（30144255，1）'， ['rgba（112128144，0.3）''rgba（112128144，1）'， ]; var chartData=系列数据（barData、barColors）； 函数系列数据（数据、颜色）{ 返回数据.map（（val，idx）=>{ 返回{ 值：val， 项目样式：{ 颜色：新图形。线性半径（0,0,0,1[{ 偏移量：0， 颜色：颜色[idx][0] }, { 抵销：1， 颜色：颜色[idx][1] } ]) } } }) } var选项={ 工具提示：{}， xAxis：{ 数据：[“类别1”、“类别2”、“类别3”、“类别4”、“类别5”、“类别6”] }, 亚克斯：{}， 系列：[{ 名称：'系列'， 类型：'bar'， 数据：图表数据 }] }; myChart.setOption（选项）