echars的矩形数图根据大小根据一个值变化，颜色跟随另外一个值变化

$.post('/fapidata/news_credit', function (data_all) {
$("#managedNum").html(data_all.length);
    var data =[] ;
    var managedNum_color = ['#7FAE90','#9FDABF','#D48265','#61A0A8','#2F4554','#C23531'];
    var trend_ratio=[];//定义一个信用指数的数组
    //信用指数数组排序（小到大）
    for (var i in data_all){
        trend_ratio.push(data_all[i].trend_ratio);
        trend_ratio.sort();
    }
    //遍历数组，存储echarsdata项
    for(var i in data_all){
        var item_color;//当前应该显示的颜色
        //遍历指数数组，与原先数组对比，找出对应的颜色值
        for(var j in trend_ratio){
            if(data_all[i].trend_ratio==trend_ratio[j]){
                item_color= managedNum_color[j];
                break;
            }
        }
        var temp = {
            risk: data_all[i].trend_ratio,
            value: data_all[i].account_topay,
            name: data_all[i].name,
            id: data_all[i].id,
            itemStyle:{normal:{color:item_color}}
        };
        data.push(temp);
    };
    myChart.hideLoading();

    function colorMappingChange(value) {
        var levelOption = getLevelOption(value);
        chart.setOption({
            series : [ {
                levels : levelOption
            } ]
        });
    }

    var formatUtil = echarts.format;

    function getLevelOption() {
        return [ {
            itemStyle : {
                normal : {
                    borderWidth : 0,
                    gapWidth : 4
                }
            }
        } ];
    }

    myChart.setOption(option = {
        title : {
            left : 'center'
        },

        textStyle : {
            fontSize : 15,
            fontWeight : 'bold',
        },
        tooltip : {
            formatter : function(info) {
                return [ '<div class="tooltip-title">' + info.name + '</div>',
                    '待收金额: ' + info.data.value + ' 万元', '<br>',
                    '信用指数: ' + info.data.risk].join('');
            }
        },

        series : [ {
            name : '整体信用态势',
            type : 'treemap',
            visibleMin : 300,
            //childBorderWidth : 0,
            top:'top',
            width: '90%',
            height: '90%',
            breadcrumb: {
                //top: '424',
            },
            label : {
                show : true,
                formatter : '{b}',
                textStyle : {
                    fontSize : 14
                }
            },
            itemStyle : {
                normal : {
                    borderColor : '#fff'
                }
            },
            levels : getLevelOption(),
            data : data
        } ]
    });
    myChart.setOption(option);
    //myChart.on("click", function(param) {
    // if (treeDataMap[param.data.name] == undefined) {
    //    treeDataMap[param.data.name] = param.data;
    // } else {
    //    window.open('/risk/analyse?id=' + param.id);
    //    treeDataMap = {};
    // }
    //})
})

转载于:https://www.cnblogs.com/yuzimmd/p/7007944.html