89 lines
5.2 KiB
HTML
89 lines
5.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title></title>
|
||
|
|
<script type="text/javascript" src="js/common/jquery.min.js"></script>
|
||
|
|
<script type="text/javascript" src="js/common/echarts.min.js"></script>
|
||
|
|
<script type="text/javascript" src="js/common/china.js"></script>
|
||
|
|
<script type="text/javascript" src="js/province/js/heilongjiang.js"></script>
|
||
|
|
<script type="text/javascript" src="js/province/js/jilin.js"></script>
|
||
|
|
<script type="text/javascript" src="js/province/js/liaoning.js"></script>
|
||
|
|
<script type="text/javascript" src="js/province/js/neimenggu.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="allnav" id="map_1" style="width:1200px;height:400px;"></div>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
var city1 = [{"name":"七台河市","value":3163},{"name":"伊春市","value":52938},{"name":"佳木斯市","value":27587},{"name":"双鸭山市","value":24732},{"name":"哈尔滨市","value":948010},{"name":"大兴安岭地区","value":439},{"name":"大庆市","value":243687},{"name":"牡丹江市","value":103747},{"name":"绥化市","value":46772},{"name":"鸡西市","value":3690},{"name":"鹤岗市","value":9008},{"name":"黑河市","value":15734},{"name":"齐齐哈尔市","value":23718}];
|
||
|
|
var city2 = [{"name":"吉林市","value":267998},{"name":"四平市","value":116404},{"name":"延边朝鲜族自治州","value":35194},{"name":"松原市","value":15643},{"name":"白城市","value":18739},{"name":"白山市","value":11255},{"name":"辽源市","value":10495},{"name":"通化市","value":34664},{"name":"长春市","value":854602}];
|
||
|
|
var city3 = [{"name":"丹东市","value":407625},{"name":"大连市","value":671629},{"name":"抚顺市","value":84289},{"name":"朝阳市","value":461061},{"name":"本溪市","value":106077},{"name":"沈阳市","value":1029827},{"name":"盘锦市","value":129959},{"name":"营口市","value":254066},{"name":"葫芦岛市","value":15415},{"name":"辽阳市","value":33833},{"name":"铁岭市","value":56559},{"name":"锦州市","value":482850},{"name":"阜新市","value":10738},{"name":"鞍山市","value":228742}];
|
||
|
|
var city4 = [{"name":"乌兰察布市","value":77539},{"name":"乌海市","value":146522},{"name":"兴安盟","value":4605},{"name":"包头市","value":547878},{"name":"呼伦贝尔市","value":170705},{"name":"呼和浩特市","value":684548},{"name":"巴彦淖尔市","value":38488},{"name":"赤峰市","value":192998},{"name":"通辽市","value":199998},{"name":"鄂尔多斯市","value":113033},{"name":"锡林郭勒盟","value":2214},{"name":"阿拉善盟","value":3337}];
|
||
|
|
var myChart = echarts.init(document.getElementById('map_1'));
|
||
|
|
var option = {
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'item',
|
||
|
|
// formatter: function (params) {
|
||
|
|
// if (params.name != '') {
|
||
|
|
// return params.name + '<br/>需求人数：' + params.value;
|
||
|
|
// } else {
|
||
|
|
// return '暂无数据';
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
animation: false,
|
||
|
|
visualMap: {show: true, min: 1, max: 2000000, inRange: {color: ['#d94e5d', '#eac736', '#50a3ba'].reverse()}, textStyle: {color: '#fff'}},
|
||
|
|
geo: [
|
||
|
|
{map: '黑龙江', type: 'map', roam: false},
|
||
|
|
{map: '吉林', type: 'map', roam: false},
|
||
|
|
// {map: '辽宁', type: 'map', roam: false},
|
||
|
|
// {map: '内蒙古', type: 'map', roam: false}
|
||
|
|
],
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: '黑龙江', type: 'map', mapType: '黑龙江', aspectScale: 0.75, zoom: 1, roam: false,
|
||
|
|
label: {normal: {show: true, textStyle: {color: "#fff", fontSize: '9'}}, emphasis: {show: true, textStyle: {color: "#800080"}}},
|
||
|
|
// itemStyle: {normal: {color: '#ffeb7b', areaColor: '#4c60ff', borderColor: '#1935e1'}},
|
||
|
|
data: city1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '吉林', type: 'map', mapType: '吉林', aspectScale: 0.75, zoom: 1, roam: false,
|
||
|
|
label: {normal: {show: true, textStyle: {color: "#fff", fontSize: '9'}}, emphasis: {show: true, textStyle: {color: "#800080"}}},
|
||
|
|
// itemStyle: {normal: {color: '#ffeb7b', areaColor: '#4c60ff', borderColor: '#1935e1'}},
|
||
|
|
data: city2
|
||
|
|
},
|
||
|
|
// {
|
||
|
|
// name: '辽宁', type: 'map', mapType: '辽宁', aspectScale: 0.75, zoom: 1, roam: false,
|
||
|
|
// label: {normal: {show: true, textStyle: {color: "#fff", fontSize: '9'}}, emphasis: {show: true, textStyle: {color: "#800080"}}},
|
||
|
|
//// itemStyle: {normal: {color: '#ffeb7b', areaColor: '#4c60ff', borderColor: '#1935e1'}},
|
||
|
|
// data: city3
|
||
|
|
// },
|
||
|
|
// {
|
||
|
|
// name: '内蒙古', type: 'map', mapType: '内蒙古', aspectScale: 0.75, zoom: 1, roam: false,
|
||
|
|
// label: {normal: {show: true, textStyle: {color: "#fff", fontSize: '9'}}, emphasis: {show: true, textStyle: {color: "#800080"}}},
|
||
|
|
//// itemStyle: {normal: {color: '#ffeb7b', areaColor: '#4c60ff', borderColor: '#1935e1'}},
|
||
|
|
// data: city4
|
||
|
|
// }
|
||
|
|
]
|
||
|
|
};
|
||
|
|
myChart.setOption(option);
|
||
|
|
window.addEventListener("resize", function () {
|
||
|
|
myChart.resize();
|
||
|
|
});
|
||
|
|
// var baseUrl = 'http://visual.yilianweisubao.com/visual';
|
||
|
|
// $.ajax({
|
||
|
|
// type: 'GET',
|
||
|
|
// url: baseUrl + '/visual/common-province/getCityListByProvinceName',
|
||
|
|
// data: {provinceNane: '四川省'},
|
||
|
|
// success: function (res) {
|
||
|
|
// var pyName = 'sichuan';
|
||
|
|
// var shortName = '四川';
|
||
|
|
// if (res.code == '1') {
|
||
|
|
// var city = res.data.cityList;
|
||
|
|
//
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|