echart require js 回调

$(function(){
$('#portal').portal({
fit: true,
border: false,
fixheight: 9
});

// 为面板添加最大化按钮
$(".maximizable").each(function(i,n){
var node = $(n).find("div.portal-content");
var param = '"'+node.attr("id")+'","'+node.attr("type")+'"';
$(n).prev("div.panel-header")
.find("div.panel-tool")
.append('<a class="panel-tool-max" href="javascript:void(0);" onclick=maxPanel('+param+');/>');
});

//初始化的时候就调用这个
    // 全网运行图
//这个目录是项目中echart目录，省去了.这个自动会加上

require(['echarts','echarts/chart/map'],DrawEChart);
    // 资源统计
        require(['echarts','echarts/chart/bar'],sourceArea);
    // 告警统计
        require(['echarts','echarts/chart/bar'],alarmArea);
    // 用户节点统计
    require(['echarts','echarts/chart/force'],userArea);
    // 事件工单
require(['echarts','echarts/chart/pie'],eventArea);
});

<script src="${ctx}/resources/scripts/echarts/build/dist/echarts.js"></script>

//这段指定了js回调中的关键路径

<script type="text/javascript">
require.config({
            paths: {
                echarts: '${ctx}/resources/scripts/echarts/build/dist'
            }
        });
        var areaName = "all";
     var areaTitle = "";
    </script>



//这里是回调的函数体

<script type="text/javascript">
var myChart;

//ec直接用require的值做为上下文的参数

        function DrawEChart(ec) {
        myChart = ec.init(document.getElementById('mainMap'));

//这里的路径是通用的可能是框架中的      
require('echarts/util/mapData/params').params.上海 = {
    getGeoJson: function (callback) {
       $.getJSON('${ctx}/resources/scripts/echarts/build/sh.jsonp', callback);
    }
} 
//这里的路径是通用的可能是框架中的 
var ecConfig = require('echarts/config');

//注册监听事件，达到一点击其他的图形函数都渲染，其他的区域参数用脚本的全局变量，公用

myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){

    areaName = param.target;
    areaTitle = param.target;
    // 全网运行图
require(['echarts','echarts/chart/map'],DrawEChart);
    // 资源统计
        require(['echarts','echarts/chart/bar'],sourceArea);
    // 告警统计
        require(['echarts','echarts/chart/bar'],alarmArea);

//重载工单汇总
require(['echarts','echarts/chart/pie'],eventArea);
require(['echarts','echarts/chart/pie'],faultArea);
//重载用户节点告警
getAreaData(areaName);

});
var errorCountData = [];
$.ajax({
url:'${ctx}/current-alarm!netMapControl.json',
type:'POST',
async:false,
success:function(result){
errorCountData = result.data;
}
});

option = {
    title: {
        text : '全网运行图',
        subtext : areaTitle
    },
    tooltip : {
        trigger: 'item',
        formatter: '{b}:{c}个'
    },
    dataRange: {
        x : 'right',
        orient : 'vertical' ,
        min: 1,
        max: 20,
        color: ['red','yellow'],
        calculable : true
    },
    roamController: {
        show: true,
        x: 'right',
        mapTypeControl: {
            '上海': true
        }
    },
    toolbox: {
        show : true,
        orient: 'horizontal',
        x: 'left',
        y: 'bottom',
        feature : {
            dataView : {show: true, readOnly: false},
            myTool : {
                show : true,
                title : '刷新',
                icon : 'refresh.png',
                onclick : function (){
    areaName = "all";
    areaTitle = "";
// 全网运行图
require(['echarts','echarts/chart/map'],DrawEChart);
    // 资源统计
require(['echarts','echarts/chart/bar'],sourceArea);
    // 告警统计
require(['echarts','echarts/chart/bar'],alarmArea);
    //重载用户节点告警
getAreaData(areaName);
    // 事件工单
require(['echarts','echarts/chart/pie'],eventArea);
                }
            },
            saveAsImage : {show: true}
          
        }
    },
    calculable : true,
    series : [
        {
            name: '全网运行图',
            type: 'map',
            mapType: '上海',
            selectedMode : 'single',
            itemStyle:{
                normal:{label:{show:true},areaStyle:{color:'lightgreen'}},
                emphasis:{label:{show:true}}
            },
            data:errorCountData
        }
    ]
};
            myChart.setOption(option);
        }
    </script>