echarts基础图表教程（动态创建）

饼图所需要的数据结构是Map形式的，如果有多个饼图，那么多门肯定是要用List>这样的格式来创建多个不同的数据集，参考如下代码

List> departmentPublishCount = departmentPublishStatsService.queryDepartmentPublishCount(paramMap);
	return JSONArray.toJSONString(departmentPublishCount);

var departmentRes = echarts.init(document.getElementById('department_res'));

option = {
     toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true},
            restore: {show: true},
			myTool : {
                show : true,
                title : '切换为柱状图',
                icon : 'image://http://a1.gystatic.com/mgt/v2/img/chart_zzt.png',
                onclick : function (){
                    pieToLine();
                }
            },
            saveAsImage: {show: true}
        }
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} 
{b} : {c} ({d}%)"
    },
    grid: {
        left: 70,
        right: 70,
        bottom: '3%',
        containLabel: true
    },
    series : [
        {
            name:'发布数量占比',
            type:'pie',
            radius : [40, '70%'],
            minAngle: 5,
            roseType: 'angle',
            center: ['50%', '50%'],
            max: 40,
            color: ['#00868B', '#104E8B', '#191970', '#20B2AA', '#7A8B8B',
                '#8B0000', '#B4EEB4', '#CD00CD', '#FFD39B', '#2B2B2B'],
            data: []
        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
departmentRes.setOption(option);

//查询  
function loadDrugs() {
	var date = $("#time2").val();
    $.post('$!{urlTool.getResourcePoolDataURL('DEPARTMENT_RES_PIE')}', {
		date: date
	}, function(data) {
		var array = [];
		var colors = [];
		if (departmentRes)
		{
			// 清空当前实例，会移除实例中所有的组件和图表。清空后调用 getOption 方法返回一个{}空对象。
			departmentRes.clear();
		}
		var data = eval('(' + data + ')');
		
		for(var i=0;i