Echarts地图扩展失败

_红鲤鱼绿鲤鱼与驴_ 发布于 2015/11/17 20:25
阅读 385
收藏 0
由于项目需要,现在使用Echarts来进行县市级地图的扩展。问题来了,首先,对于省级单位,能够完美显示,但从Echarts官网上下载的扩展的json文件,导入之后失败,无法显示。如图。我分析几步,因为标题:陕西省,还有下面的竖条出来了,只是单单没有地图,所以echarts配置应该没错。或者是我少了什么文件导致扩展地图无法使用?,贴出核心代码,请大神指教
require.config({
    paths: {
        echarts: 'js/echarts-map',
        'echarts/chart/map': 'js/echarts-map'
    }
});
require(
  [
  'echarts',
  'echarts/chart/map'
  ], drawEchart);

function drawEchart(ec) {
    require('echarts/util/mapData/params').params.HK = {
        getGeoJson: function (callback) {
            $.getJSON('geoJson/HK_geo.json', callback);
        }
    }
    myCharts = ec.init(document.getElementById("main"));

    option = {
        title: {
            text: '陕西省',
            subtext: '随机生成',
            x: 'center'
        },
        tooltip: {                    //地图鼠标悬浮显示样式
            trigger: 'item'
        },
        legend: {                     //图例
            orient: 'vertical',       //布局方向(默认horizontal水平方向),垂直方向布局
            x: 'left',
            data: ['刺槐生长评测']
        },
        dataRange: {                  //值域
            min: 0,
            max: 100,
            calculable: true,
            x: 'right'
        },
        toolbox: {
            show: true,
            orient: 'vertical',
            feature: {
                mark: { show: true },
                dataView: { show: false, readOnly: false },
                restore: { show: true },
                saveAsImage: { show: true }
            }
        },
        series: [
        {
            name: '土壤含水量占田间持水量百分比',
            type: 'map',
            mapType: 'HK',
            hoverable: false,
            selectedMode: 'single',
            roam: true,
            data: []
        }]
    };

    myCharts.setOption(option, false);

    //var ecConfig = require('echarts/config');
    //myCharts.on(ecConfig.EVENT.CLICK, eConsole);

    //function eConsole(param) {
    //    var ydbh = document.getElementById("ydbh").value;
    //    var type = ydbh[0] + ydbh[1];
    //    if (type == "BS") {
    //        //相关函数,显示每个点的信息
    //       show_point_information(param);
    //    }
    //}
}




加载中
返回顶部
顶部