收藏
回答

微信小程序 集成echarts后渐变色配置问题?

需求:立体柱状图,且每个柱子都有不同的渐变色,但是在实现期间 出现了如下问题左侧小程序无效果,但是在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]
		    					}
		    				]);
		    			}
				
		    		},
		        },
回答关注问题邀请回答
收藏
登录 后发表内容