echaer 地图_echarts Map(地图) 不同颜色区块显示

echarts Map(地图) 不同区块显示

这里以重庆地图为例

配置项：

var option = {

title : {

text: '重庆市',

subtext: '',

x:'left'

},

tooltip : {

trigger: 'item',

formatter: '{b}',

itemSize:'14px'

},

legend: {

orient: 'vertical',

x:'center',

data:['重庆市区县']

},

dataRange: {

x: 'left',

y: 'bottom',

splitList: [

{start: 1500},

{start: 900, end: 1500},

{start: 310, end: 1000},

{start: 200, end: 300},

{start: 10, end: 200, label: '10 到 200(火灾数量)'},

{start: 5, end: 5, label: '5(火灾数量)', color: 'black'},

{end: 10}

],

color: ['#eee', '#949fb1', '#f3ce85']

},

series : [

{

name: '重庆市区县',

type: 'map',

mapType: '重庆',

roam: true,

itemStyle:{

normal:{

label:{

show:false,

textStyle: {

color: "#000"

}

}

},

emphasis:{label:{show:true}}

},

data:[

{name: '城口县',value: Math.round(Math.random()*2000)},

{name: '开县',value: Math.round(Math.random()*2000)},

{name: '巫溪县',value: Math.round(Math.random()*2000)},

{name: '云阳县',value: Math.round(Math.random()*2000)},

{name: '奉节县',value: Math.round(Math.random()*2000)},

{name: '巫山县',value: Math.round(Math.random()*2000)},

{name: '万州区',value: Math.round(Math.random()*2000)},

{name: '梁平县',value: Math.round(Math.random()*2000)},

{name: '忠县',value: Math.round(Math.random()*2000)},

{name: '垫江县',value: Math.round(Math.random()*2000)},

{name: '石柱土家族自治县',value: Math.round(Math.random()*2000)},

{name: '丰都县',value: Math.round(Math.random()*2000)},

{name: '长寿区',value: Math.round(Math.random()*2000)},

{name: '涪陵区',value: Math.round(Math.random()*2000)},

{name: '合川区',value: Math.round(Math.random()*2000)},

{name: '潼南县',value: Math.round(Math.random()*2000)},

{name: '铜梁县',value: Math.round(Math.random()*2000)},

{name: '渝北区',value: Math.round(Math.random()*2000)},

{name: '璧山县',value: Math.round(Math.random()*2000)},

{name: '沙坪坝县',value: Math.round(Math.random()*2000)},

{name: '江北区',value: Math.round(Math.random()*2000)},

{name: '大足县',value: Math.round(Math.random()*2000)},

{name: '永川区',value: Math.round(Math.random()*2000)},

{name: '綦江县',value: Math.round(Math.random()*2000)},

{name: '南川区',value: Math.round(Math.random()*2000)},

{name: '万盛区',value: Math.round(Math.random()*2000)},

{name: '大渡口区',value: Math.round(Math.random()*2000)},

{name: '南岸区',value: Math.round(Math.random()*2000)},

{name: '武隆县',value: Math.round(Math.random()*2000)},

{name: '九龙坡区',value: Math.round(Math.random()*2000)},

{name: '荣昌县',value: Math.round(Math.random()*2000)},

{name: '秀山土家族苗族自治县',value: Math.round(Math.random()*2000)},

{name: '酉阳土家族苗族自治县',value: Math.round(Math.random()*2000)},

{name: '彭水苗族土家族自治县',value: Math.round(Math.random()*2000)},

{name: '江津区',value: Math.round(Math.random()*2000)},

{name: '北碚区',value: Math.round(Math.random()*2000)},

{name: '巴南区',value: Math.round(Math.random()*2000)}

]

}

]

};