echarts老是是报这个错“e.indexOf is not a function”他是在引用文件esl.js中的,引用的文件怎么会错呢

LittlITMan 发布于 2017/03/06 13:47
阅读 3K+
收藏 0
加载中
0
LittlITMan
LittlITMan
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>echart实例</title>
</head>
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>

<script type="text/javascript" src="echarts/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="echarts/esl.js"></script>
<script type="text/javascript" src="echarts/echarts.js"></script>
<script type="text/javascript" src="echarts/zrender/build/zrender.js"></script>

<script type="text/javascript">
    require.config({
        paths:{
            echarts:'./echarts'
        }
    })
    //使用
    require([
            'echarts',
            'echarts/chart/map',// 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
            function(ec){
                //基于准备好的DOM初始化echart表格
                var ecConfig = require('echarts/config');
                var zrEvent = require('zrender/tool/event');
                var myChart = ec.init(document.getElementById('main'));
                var mapType = [];
                var mapGeoData =  require('echarts/util/mapData/params');

                for(city in mapType){
                    mapType.push(city);
                    //自定义扩展图表类型
                    mapGeoData.params[city] = {
                            getGeoJson:function (callback){
                                $.getJSON('./json/' + WQ_mian + '.json', callback);
                            }

                    }
                }
                var option = {
                        series: [
                    {
                        name:'China Map',
                        type:'map',//地图类型
                        maptype:'中国',
                        selectedMode:'single',//选择类型
                        roam:true,//鼠标滚轮缩放
                        hoverable:'false',//鼠标经过高亮
                        itemStyle:{
                            normal:{
                                borderWidth:1,
                                borderColor:'#cccccc',
                                color:'#f3f3f3',
                                label:{
                                    show:true,
                                    textStyle:{
                                        color:'#ff0000'
                                    }
                                }
                            }
                        },
                        data:[]
                    }
                ]
                };
                //位echart加载数据对象
                myChart.setOption(option);
            }
    ])
</script>
</body>
</html>
</html>
LittlITMan
LittlITMan
这是具体代码
0
rz
rz

多半是因为引用js的顺序有问题导致的,把echarts.js放到esl.js上面试试看吧

 

返回顶部
顶部