echarts数据绑定

很多业务中需要用到针对某类数据某几个字段的统计，使用echarts是首选，如何快速的将数据绑定到echarts上，成为了需要考虑的问题。

创建java实体类EchartsVo:

public class EchartsVo{
    private String name;
    private String value
    //此处省去构造函数和get,set方法
}

使用ajax获取List集合转换的json，使用js组装legend[]:

function getEchartsLegend(data){
    var legendData = [];
    for(var i=0;i<data.length;i++){
        legendData.push(data[i].name);
    }
}

使用js组装contentData[]:

function getEchartsContentData(data){
    var contentData = [];
    for(var i=0;i<data.length;i++){
        contentData .push(data[i].name);
        contentData .push(data[i].value);
    }
}

echarts数据绑定：

legend:{
    ……
    data:getEchartsLegend(data);
    ……
}

series:{
    ……
    data :getEchartsContentData(data);
    ……
}

这样一来echarts图标就可以显示了。