echarts 2.1.8 模块化单文件引入map报错,请问怎么处理?

hu_shengyang@126.com 发布于 2014/12/09 22:08
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我在项目中用到了你们团队开发的echarts图像报表工具包。

版本:echarts 2.1.8 ,以模块化单文件引入。

用于生成line bar pie等图标都没有问题,但是用于生成地图则报错如下:

Error: [MODULE_MISS]"echarts/util/mapData/params" is not exists!

throw new Error( '[MODULE_MISS]"' + ids + '" is not exists!' );

// 自定义扩展图表类型:mapType = HK
require('echarts/util/mapData/params').params.HK = {
    getGeoJson: function (callback) {
        $.getJSON('geoJson/HK_geo.json',callback);
    }
};

报错就是因为红色哪一行的'echarts/util/mapData/params'找不到,不知道map这块是不是有别的特殊的引入方式?敬请指教。


加载中
0
春馨梦
春馨梦
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="ECharts">
    <meta name="author" content="kener.linfeng@gmail.com">
    <title>国家项目重大库</title>
</head>
<body style="width: 100%;height: 100%">
     <div id="main" style="height:600px;"></div>
<script src="./js/dist/echarts.js"></script>
<script src="./js/dist/jquery.min.js"></script>
<script type="text/javascript">
// 初始化地图
var myChart;

// 图标主要展现模式
var domMain=document.getElementById('main');
// 设置间隔时间 单位为60 s
var INTERVAL_MINIS=10*1000;
// 初始化结束
require.config({
    paths: {
        echarts: './js/dist'
    }
});
require(
        [
            'echarts',
            'echarts/chart/map'   // 加载地图样式
        ],
        requireCallback
);
// option 部分省略
var option = {
};
// 回调函数
function requireCallback (ec) {
    
    // 自定义扩展图表类型:mapType = HK
    var geoMap=require('echarts/util/mapData/params');
    geoMap.params.HK = {
        getGeoJson: function (callback) {
            $.getJSON('./js/dist/geoJson/HK_geo.json',callback);
        }
    };

    myChart = ec;
    if (myChart && myChart.dispose) {
        myChart.dispose();
    }
    myChart = ec.init(domMain);
    window.onresize = myChart.resize;
    myChart.setOption(option, true)
    window.onresize = myChart.resize;
}

</script>
</body>
</html>

返回顶部
顶部