需求:立体柱状图,且每个柱子都有不同的渐变色,但是在实现期间 出现了如下问题左侧小程序无效果,但是在H5可以正常显示,设置渐变色的代码如下:
itemStyle: { // 图形样
normal: {
color: function (params) {
var colorList = [
['#49FDE1', '#28C5F6'],
['#74EFFF', '#5F85FF'],
['#FF94D6', '#FF7585'],
['#FFB269', '#FF7A69'],
];
var index = params.dataIndex;
if (params.dataIndex >= colorList.length) {
index = params.dataIndex - colorList.length;
}
return new echarts.graphic.LinearGradient(0, 0, 0, 1,
[{
offset: 0,
color: colorList[index][0]
},
{
offset: 1,
color: colorList[index][1]
}
]);
}
},
},