ninilovebobo

地图制作

option = {
    title : {
        text: \'iphone销量\',
        subtext: \'纯属虚构\',
        x:\'center\'
    },
    tooltip : {
        trigger: \'item\'  //触发类型,默认数据触发,见下图,可选为:\'item\' | \'axis\'
    },
    legend: {
        orient: \'vertical\', //布局方式,默认为水平布局,可选为:\'horizontal\' | \'vertical\'
        x:\'left\',  //水平安放位置,默认为全图居中,可选为:\'center\' | \'left\' | \'right\' | {number}(x坐标,单位px)
        data:[\'iphone3\',\'iphone4\',\'iphone5\']
    },
    dataRange: {//值域选择,每个图表最多仅有一个值域控件
        min: 0,
        max: 2500,
        x: \'left\',
        y: \'bottom\',
        text:[\'高\',\'低\'],           // 文本,默认为数值文本
        calculable : true  //是否启用值域漫游,启用后无视splitNumber,值域显示为线性渐变
    },
    toolbox: {
        show: true,
        orient : \'vertical\',
        x: \'right\',
        y: \'center\',
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    roamController: { //缩放漫游组件,仅对地图有效
        show: true,
        x: \'right\',
        mapTypeControl: {
            \'china\': true
            //必须,指定漫游组件可控地图类型,如:{ china: true }
            //当同一图表内同时呈现多个地图时,可以单独指定所需控制地图类型,如:{ china: false, \'北京\': true}
        }
    },
    series : [
        {
            name: \'iphone3\',
            type: \'map\',
            mapType: \'china\',
            roam: false, //是否开启滚轮缩放和拖拽漫游,默认为false(关闭),其他有效输入为true(开启),\'scale\'(仅开启滚轮缩放),\'move\'(仅开启拖拽漫游)
            itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
            },
            data:[
                {name: \'北京\',value: Math.round(Math.random()*1000)},
                {name: \'天津\',value: Math.round(Math.random()*1000)},
                {name: \'上海\',value: Math.round(Math.random()*1000)},
                {name: \'重庆\',value: Math.round(Math.random()*1000)},
                {name: \'河北\',value: Math.round(Math.random()*1000)},
                {name: \'河南\',value: Math.round(Math.random()*1000)},
                {name: \'云南\',value: Math.round(Math.random()*1000)},
                {name: \'辽宁\',value: Math.round(Math.random()*1000)},
                {name: \'黑龙江\',value: Math.round(Math.random()*1000)},
                {name: \'湖南\',value: Math.round(Math.random()*1000)},
                {name: \'安徽\',value: Math.round(Math.random()*1000)},
                {name: \'山东\',value: Math.round(Math.random()*1000)},
                {name: \'新疆\',value: Math.round(Math.random()*1000)},
                {name: \'江苏\',value: Math.round(Math.random()*1000)},
                {name: \'浙江\',value: Math.round(Math.random()*1000)},
                {name: \'江西\',value: Math.round(Math.random()*1000)},
                {name: \'湖北\',value: Math.round(Math.random()*1000)},
                {name: \'广西\',value: Math.round(Math.random()*1000)},
                {name: \'甘肃\',value: Math.round(Math.random()*1000)},
                {name: \'山西\',value: Math.round(Math.random()*1000)},
                {name: \'内蒙古\',value: Math.round(Math.random()*1000)},
                {name: \'陕西\',value: Math.round(Math.random()*1000)},
                {name: \'吉林\',value: Math.round(Math.random()*1000)},
                {name: \'福建\',value: Math.round(Math.random()*1000)},
                {name: \'贵州\',value: Math.round(Math.random()*1000)},
                {name: \'广东\',value: Math.round(Math.random()*1000)},
                {name: \'青海\',value: Math.round(Math.random()*1000)},
                {name: \'西藏\',value: Math.round(Math.random()*1000)},
                {name: \'四川\',value: Math.round(Math.random()*1000)},
                {name: \'宁夏\',value: Math.round(Math.random()*1000)},
                {name: \'海南\',value: Math.round(Math.random()*1000)},
                {name: \'台湾\',value: Math.round(Math.random()*1000)},
                {name: \'香港\',value: Math.round(Math.random()*1000)},
                {name: \'澳门\',value: Math.round(Math.random()*1000)}
            ]
        },
        {
            name: \'iphone4\',
            type: \'map\',
            mapType: \'china\',
            itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
            },
            data:[
                {name: \'北京\',value: Math.round(Math.random()*1000)},
                {name: \'天津\',value: Math.round(Math.random()*1000)},
                {name: \'上海\',value: Math.round(Math.random()*1000)},
                {name: \'重庆\',value: Math.round(Math.random()*1000)},
                {name: \'河北\',value: Math.round(Math.random()*1000)},
                {name: \'安徽\',value: Math.round(Math.random()*1000)},
                {name: \'新疆\',value: Math.round(Math.random()*1000)},
                {name: \'浙江\',value: Math.round(Math.random()*1000)},
                {name: \'江西\',value: Math.round(Math.random()*1000)},
                {name: \'山西\',value: Math.round(Math.random()*1000)},
                {name: \'内蒙古\',value: Math.round(Math.random()*1000)},
                {name: \'吉林\',value: Math.round(Math.random()*1000)},
                {name: \'福建\',value: Math.round(Math.random()*1000)},
                {name: \'广东\',value: Math.round(Math.random()*1000)},
                {name: \'西藏\',value: Math.round(Math.random()*1000)},
                {name: \'四川\',value: Math.round(Math.random()*1000)},
                {name: \'宁夏\',value: Math.round(Math.random()*1000)},
                {name: \'香港\',value: Math.round(Math.random()*1000)},
                {name: \'澳门\',value: Math.round(Math.random()*1000)}
            ]
        },
        {
            name: \'iphone5\',
            type: \'map\',
            mapType: \'china\',
            itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
            },
            data:[
                {name: \'北京\',value: Math.round(Math.random()*1000)},
                {name: \'天津\',value: Math.round(Math.random()*1000)},
                {name: \'上海\',value: Math.round(Math.random()*1000)},
                {name: \'广东\',value: Math.round(Math.random()*1000)},
                {name: \'台湾\',value: Math.round(Math.random()*1000)},
                {name: \'香港\',value: Math.round(Math.random()*1000)},
                {name: \'澳门\',value: Math.round(Math.random()*1000)}
            ]
        }
    ]
};
                    

 

发表于 2014-09-21 09:19  妮妮认真学习  阅读(167)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章: