echarts地图功能怎么使用?

html:


+++++++++++++++++++++++++

js:

var mapType = ['china', '广东', '青海', '四川', '海南', '陕西', '甘肃', '云南', '湖南', '湖北', '黑龙江', '贵州', '山东', '江西', '河南', '河北', '山西', '安徽', '福建', '浙江', '江苏', '吉林', '辽宁', '台湾', '新疆', '广西', '宁夏', '内蒙古', '西藏', '北京', '天津', '上海', '重庆', '香港', '澳门'];

var mapTypeD = 'china';

var chartData = new Array();

//var xx;//地图值域

$(function(){

require.config({

    paths: {

        echarts: 'html/data/js/dist'

    }

});

require(['echarts', 'echarts/chart/map', ], query);

});

var lock = false;

function FunDraw0() {

var data = mapData;

myChart = echarts.init(document.getElementById('china_map'));

var series = [],d=[];

var min = 0,max = 0;

for (var i = 0; i < data.length; i++) {

        var o = data[i];

        if(o.datavalue

        min = o.datavalue;

        }

        if(o.datavalue>max){

        max = o.datavalue;

        }

        var f = Math.round(o.datavalue*100)/100;    

        var s = f.toString();    

        var rs = s.indexOf('.');    

        if (rs < 0) {    

            rs = s.length;    

            s += '.';    

        }    

        while (s.length <= rs + 2) {    

            s += '0';    

        }

        o.datavalue = s;

        d.push({

            name: o.areaName.replace("市","").replace("省","").replace("自治区","").replace("壮族","").replace("回族","").replace("维吾尔",""),

            value: o.datavalue

        });

}

series.push({  

        name: "",

        selectedMode: 'single',

        type: 'map',

        mapType: 'china',

        roam: false,

        itemStyle:{

            normal:{label:{show:true}},

            emphasis:{label:{show:true}}

        },

        data: d

    });

myChart.on('mapSelected',function(param) {

if(lock){

return;

}

if(param.target=="南海诸岛" || param.target=="台湾" || param.target=="香港" || param.target=="澳门"){

return;

}

prevBuy(function() {

lock = true;

$.ajax({

        type: "post",

        url: "data/newmap/addSys.do",

        dataType: "json",

        success: function(data) {

        if(data){

        window.location = $("#path").val()+"data/newmap/getQueryInfo.do?areaName="+encodeURI(param.target)+"&queryId="+data;

        }else{

        lock = false;

        }

        }

    });

    });

});

option = {

    title: {

        text: '',

        subtext: ''

    },

    tooltip : {

        trigger: 'item'

        ,formatter: function (data,ticket,callback) {

        return data.data.value!=null && data.data.value!=undefined && data.data.value!="-"?data.data.value.toFixed(2):"暂无数据";

        }

    },


    dataRange: {

        show: false,

        min: min,

        max: max*2*series.length,

        text: ['高', '低'],

        calculable: true,

        x: '40px',

        y: '450px'

    },

    toolbox: {

        show: false,

        orient: 'vertical',

        x: 'right',

        y: 'center',

        feature: {

            mark: {

                show: true

            },

            dataView: {

                show: true,

                readOnly: false

            },

            restore: {

                show: true

            },

            saveAsImage: {

                show: true

            }

        }

    },

    roamController: {

        show: false,

        x: 'right',

        mapTypeControl: {

            'china': true

        }

    },

    series: series

};

myChart.setOption(option);

}

你可能感兴趣的:(echarts地图功能怎么使用?)