echarts map靜態套用網頁
1.有需求,將echarts中地圖做成靜態html
2.下載對應的js庫,主要有echarts,和對應zender,見附件
3.主要匯入els解析檔案,匯入可用到的外掛庫
4.寫程式碼,如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body>
<!--Step:1 Prepare a dom for ECharts which (must) has size (width & hight)-->
<!--Step:1 為ECharts準備一個具備大小（寬高）的Dom-->
<div id="main" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
<script src="mapjs/echarts/esl.js"></script>
<script type="text/javascript">
require.config({
packages:[{
name:'echarts',
location:'mapjs/echarts',
main:'echarts' //ecConfig中需要使用
},{
name:'zrender',
location:'mapjs/echarts/zrender',
main:'zrender' //zrEvent需要使用
}]
});
// 使用
require(
[
'echarts',
'zrender',
'echarts/theme/default',
'echarts/chart/map',
'zrender/tool/color',
'echarts/chart/line',
'echarts/chart/bar',
'echarts/chart/scatter',
'echarts/chart/k',
'echarts/chart/pie',
'echarts/chart/radar',
'echarts/chart/force',
'echarts/chart/chord',
'echarts/chart/gauge',
'echarts/chart/funnel'
],
function (ec) {
// 基於準備好的dom，初始化echarts圖表
var myChart = ec.init(document.getElementById('main'));
var ecConfig = require('echarts/config');
var zrEvent = require('zrender/tool/event');
var curIndx = 0;
var mapType = [
'china',
// 23個省
'廣東', '青海', '四川', '海南', '陝西',
'甘肅', '雲南', '湖南', '湖北', '黑龍江',
'貴州', '山東', '江西', '河南', '河北',
'山西', '安徽', '福建', '浙江', '江蘇',
'吉林', '遼寧', '臺灣',
// 5個自治區
'新疆', '廣西', '寧夏', '內蒙古', '西藏',
// 4個直轄市
'北京', '天津', '上海', '重慶',
// 2個特別行政區
'香港', '澳門'
];
document.getElementById('main').onmousewheel = function (e){
var event = e || window.event;
curIndx += zrEvent.getDelta(event) > 0 ? (-1) : 1;
if (curIndx < 0) {
curIndx = mapType.length - 1;
}
var mt = mapType[curIndx % mapType.length];
if (mt == 'china') {
option.tooltip.formatter = '滾輪切換或點選進入該省<br/>{b}';
}
else{
option.tooltip.formatter = '滾輪切換省份或點選返回全國<br/>{b}';
}
option.series[0].mapType = mt;
option.title.subtext = mt + ' （滾輪或點選切換）';
myChart.setOption(option, true);
zrEvent.stop(event);
};
myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
var len = mapType.length;
var mt = mapType[curIndx % len];
if (mt == 'china') {
// 全國選擇時指定到選中的省份
var selected = param.selected;
for (var i in selected) {
if (selected[i]) {
mt = i;
while (len--) {
if (mapType[len] == mt) {
curIndx = len;
}
}
break;
}
}
option.tooltip.formatter = '滾輪切換省份或點選返回全國<br/>{b}';
}
else {
curIndx = 0;
mt = 'china';
option.tooltip.formatter = '滾輪切換或點選進入該省<br/>{b}';
}
option.series[0].mapType = mt;
option.title.subtext = mt + ' （滾輪或點選切換）';
myChart.setOption(option, true);
});
var option={
title: {
text : '全國34個省市自治區',
subtext : 'china （滾輪或點選切換）'
},
tooltip : {
trigger: 'item',
formatter: '滾輪切換或點選進入該省<br/>{b}'
},
legend: {
orient: 'vertical',
x:'right',
data:['隨機資料']
},
dataRange: {
min: 0,
max: 1000,
color:['orange','yellow'],
text:['高','低'], // 文字，預設為數值文字
calculable : true
},
series : [
{
name: '隨機資料',
type: 'map',
mapType: 'china',
selectedMode : 'single',
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: '鄂爾多斯市',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: '德陽市',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: '曲靖市',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: '岳陽市',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: '汕頭市',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: '武漢市',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: '吉安市',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: '阜新市',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: '銅陵市',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: '吳忠市',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)}
]
}
]
};
// 為echarts物件載入資料
myChart.setOption(option);
}
);
</script>
</body>
</html>
由我就是曹總最後編輯於：3年前
內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。
相關文章
- 靜態網頁與動態網頁的區別網頁
- echarts之靜態與動態地圖Echarts地圖
- 一個簡單靜態網頁網頁
- 網頁靜態化之freemaker的使用網頁
- 靜態網頁高仿正方教育系統網頁（HTML+CSS）網頁HTMLCSS
- 網頁渲染方式-從靜態頁面到服務端渲染網頁服務端
- Python靜態網頁爬蟲專案實戰Python網頁爬蟲
- python虛擬環境與偽靜態網頁Python網頁
- 靜態網站如何修改，輕鬆更新網頁內容網站網頁
- Nginx 部署靜態頁面Nginx
- 靜態頁面是啥
- 易優cms網站SEO模組URL配置偽靜態靜態頁面設定網站
- 網頁開發方式-從靜態頁面到服務端渲染網頁服務端
- 超級漂亮的網上花店html靜態頁面HTML
- php網站首頁動態地址修改，如何將PHP網站首頁的動態地址改為靜態地址PHP網站
- 用typescript寫靜態頁面TypeScript
- Laravel diary_靜態頁面Laravel
- 靜態網頁使用Node.js跨域代理服務網頁Node.js跨域
- echarts map 名稱格式化Echarts
- 用HTML+CSS編寫一個計科院網站首頁的靜態網頁HTMLCSS網站網頁
- 靜態頁面佈局例項
- 構建靜態頁面 之 [ 列表 ]
- 構建靜態頁面 之 [ 表格 ]
- PHP 實現頁面靜態化PHP
- 如何將打包好的靜態網頁部署至伺服器網頁伺服器
- 【效能監控】如何有效監測網頁靜態資源大小？網頁
- 【雜談】一個簡易的靜態網頁伺服器網頁伺服器
- 構建靜態頁面 之 [ 表單 ]
- 1.9 靜態頁面佈局例項
- 【靜態頁面架構】CSS之列表架構CSS
- 【靜態頁面架構】CSS之表格架構CSS
- 前端靜態頁面快速迭代工具前端
- Spring Boot返回靜態錯誤頁面Spring Boot
- Laravel頁面靜態化最佳實踐Laravel
- 頁面靜態化技術演進
- 前端靜態頁面問題彙總前端
- 偽靜態網頁有什麼功能作用？學Linux如何入門網頁Linux
- 網站偽靜態配置網站