HTML中地图根据数据变色,echarts中国地图根据数据对省份渲染不同的颜色

echarts中国地图

.centerItem {

width: 856px;

height: 640px;

background-color: #fff;

margin: 110px auto 0 auto;

}

.big {

width: 100px;

height: 100px;

background: rgba(18, 139, 237, 1);

/* background:rgba(71,169,241,1);

background:rgba(165,216,246,1);

background:rgba(196,237,249,1); */

}

// 基于准备好的dom，初始化echarts实例

var mapBoxEchart = echarts.init(document.getElementById('mapBox'));

var num = Math.random(),

data = [

{ name: '北京', selected: false, value: 1 },

{ name: '天津', selected: false, value: 2 },

{ name: '上海', selected: false, value: 3 },

{ name: '重庆', selected: false, value: 4 },

{ name: '河北', selected: false, value: 5 },

{ name: '河南', selected: false, value: 6 },

{ name: '云南', selected: false, value: 7 },

{ name: '辽宁', selected: false, value: 8 },

{ name: '黑龙江', selected: false, value: 9 },

{ name: '湖南', selected: false, value: 10 },

{ name: '安徽', selected: false, value: 11 },

{ name: '山东', selected: false, value: 12 },

{ name: '新疆', selected: false, value: 13 },

{ name: '江苏', selected: false, value: 14 },

{ name: '浙江', selected: false, value: 15 },