Echarts 表格热力图文字根据数据范围设置不同的颜色

label: {
             normal: {
                 show: true,
                 formatter:function(params){
		          if (params.data['2'] == 0){
		             return '{g|' + params.data['2'] + '}';
		          }else if (params.data['2'] >= 1 && params.data['2'] < 50) {
		             return '{a|' + params.data['2'] + '}';
		          } else if (params.data['2'] >= 50 && params.data['2'] < 100) {
		             return '{b|' + params.data['2'] + '}';
		          } else if (params.data['2'] >= 100 && params.data['2'] < 150) {
		             return '{c|' + params.data['2'] + '}';
		          } else if (params.data['2'] >= 150 && params.data['2'] < 200) {
		             return '{d|' + params.data['2'] + '}';
		          } else if (params.data['2'] >= 200 && params.data['2'] < 250) {
		             return '{e|' + params.data['2'] + '}';
		          } else if (params.data['2'] >= 250 && params.data['2'] <= 300) {
		             return '{f|' + params.data['2'] + '}';
		          }        
		 },
	       rich:{
	            a:{
	             color:'#fff'
	            },
	            b:{
	             color:'#000'
	            },
	            c:{
	             color:'#FF9933'
	            },
	            d:{
	             color:'#CC0033'
	            },
	            e:{
	             color:'#2bec5b'
	            },
	            f:{
	             color:'#17ffff'
	            },
	            g:{
	             color:'#ddd'
	            }
	          }
	      }
         }

我在这个例子上测试的：https://gallery.echartsjs.com/editor.html?c=xK2E4ZLehh