map3.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="ECharts">
  8. <meta name="author" content="kener.linfeng@gmail.com">
  9. <title>ECharts · Example</title>
  10. <link rel="shortcut icon" href="../asset/ico/favicon.png">
  11. <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
  12. <link href="../asset/css/bootstrap.css" rel="stylesheet">
  13. <link href="../asset/css/carousel.css" rel="stylesheet">
  14. <link href="../asset/css/echartsHome.css" rel="stylesheet">
  15. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  16. <!--[if lt IE 9]>
  17. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  18. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. <script src="./www/js/echarts.js"></script>
  21. <script src="../asset/js/codemirror.js"></script>
  22. <script src="../asset/js/javascript.js"></script>
  23. <link href="../asset/css/codemirror.css" rel="stylesheet">
  24. <link href="../asset/css/monokai.css" rel="stylesheet">
  25. <style type="text/css">
  26. .CodeMirror {
  27. height: 550px;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <!-- Fixed navbar -->
  33. <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
  34. <div class="container-fluid">
  35. <div class="row-fluid example">
  36. <div id="sidebar-code" class="col-md-4">
  37. <div class="well sidebar-nav">
  38. <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
  39. <textarea id="code" name="code">
  40. var ecConfig = require('echarts/config');
  41. var zrEvent = require('zrender/tool/event');
  42. var curIndx = 0;
  43. var mapType = [
  44. 'china',
  45. // 23个省
  46. '广东', '青海', '四川', '海南', '陕西',
  47. '甘肃', '云南', '湖南', '湖北', '黑龙江',
  48. '贵州', '山东', '江西', '河南', '河北',
  49. '山西', '安徽', '福建', '浙江', '江苏',
  50. '吉林', '辽宁', '台湾',
  51. // 5个自治区
  52. '新疆', '广西', '宁夏', '内蒙古', '西藏',
  53. // 4个直辖市
  54. '北京', '天津', '上海', '重庆',
  55. // 2个特别行政区
  56. '香港', '澳门'
  57. ];
  58. document.getElementById('main').onmousewheel = function (e){
  59. var event = e || window.event;
  60. curIndx += zrEvent.getDelta(event) > 0 ? (-1) : 1;
  61. if (curIndx < 0) {
  62. curIndx = mapType.length - 1;
  63. }
  64. var mt = mapType[curIndx % mapType.length];
  65. if (mt == 'china') {
  66. option.tooltip.formatter = '滚轮切换或点击进入该省<br/>{b}';
  67. }
  68. else{
  69. option.tooltip.formatter = '滚轮切换省份或点击返回全国<br/>{b}';
  70. }
  71. option.series[0].mapType = mt;
  72. option.title.subtext = mt + ' (滚轮或点击切换)';
  73. myChart.setOption(option, true);
  74. zrEvent.stop(event);
  75. };
  76. myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
  77. var len = mapType.length;
  78. var mt = mapType[curIndx % len];
  79. if (mt == 'china') {
  80. // 全国选择时指定到选中的省份
  81. var selected = param.selected;
  82. for (var i in selected) {
  83. if (selected[i]) {
  84. mt = i;
  85. while (len--) {
  86. if (mapType[len] == mt) {
  87. curIndx = len;
  88. }
  89. }
  90. break;
  91. }
  92. }
  93. option.tooltip.formatter = '滚轮切换省份或点击返回全国<br/>{b}';
  94. }
  95. else {
  96. curIndx = 0;
  97. mt = 'china';
  98. option.tooltip.formatter = '滚轮切换或点击进入该省<br/>{b}';
  99. }
  100. option.series[0].mapType = mt;
  101. option.title.subtext = mt + ' (滚轮或点击切换)';
  102. myChart.setOption(option, true);
  103. });
  104. option = {
  105. title: {
  106. text : '全国34个省市自治区',
  107. subtext : 'china (滚轮或点击切换)'
  108. },
  109. tooltip : {
  110. trigger: 'item',
  111. formatter: '滚轮切换或点击进入该省<br/>{b}'
  112. },
  113. legend: {
  114. orient: 'vertical',
  115. x:'right',
  116. data:['随机数据']
  117. },
  118. dataRange: {
  119. min: 0,
  120. max: 1000,
  121. color:['orange','yellow'],
  122. text:['高','低'], // 文本,默认为数值文本
  123. calculable : true
  124. },
  125. series : [
  126. {
  127. name: '随机数据',
  128. type: 'map',
  129. mapType: 'china',
  130. selectedMode : 'single',
  131. itemStyle:{
  132. normal:{label:{show:true}},
  133. emphasis:{label:{show:true}}
  134. },
  135. data:[
  136. {name: '重庆市',value: Math.round(Math.random()*1000)},
  137. {name: '北京市',value: Math.round(Math.random()*1000)},
  138. {name: '天津市',value: Math.round(Math.random()*1000)},
  139. {name: '上海市',value: Math.round(Math.random()*1000)},
  140. {name: '香港',value: Math.round(Math.random()*1000)},
  141. {name: '澳门',value: Math.round(Math.random()*1000)},
  142. {name: '巴音郭楞蒙古自治州',value: Math.round(Math.random()*1000)},
  143. {name: '和田地区',value: Math.round(Math.random()*1000)},
  144. {name: '哈密地区',value: Math.round(Math.random()*1000)},
  145. {name: '阿克苏地区',value: Math.round(Math.random()*1000)},
  146. {name: '阿勒泰地区',value: Math.round(Math.random()*1000)},
  147. {name: '喀什地区',value: Math.round(Math.random()*1000)},
  148. {name: '塔城地区',value: Math.round(Math.random()*1000)},
  149. {name: '昌吉回族自治州',value: Math.round(Math.random()*1000)},
  150. {name: '克孜勒苏柯尔克孜自治州',value: Math.round(Math.random()*1000)},
  151. {name: '吐鲁番地区',value: Math.round(Math.random()*1000)},
  152. {name: '伊犁哈萨克自治州',value: Math.round(Math.random()*1000)},
  153. {name: '博尔塔拉蒙古自治州',value: Math.round(Math.random()*1000)},
  154. {name: '乌鲁木齐市',value: Math.round(Math.random()*1000)},
  155. {name: '克拉玛依市',value: Math.round(Math.random()*1000)},
  156. {name: '阿拉尔市',value: Math.round(Math.random()*1000)},
  157. {name: '图木舒克市',value: Math.round(Math.random()*1000)},
  158. {name: '五家渠市',value: Math.round(Math.random()*1000)},
  159. {name: '石河子市',value: Math.round(Math.random()*1000)},
  160. {name: '那曲地区',value: Math.round(Math.random()*1000)},
  161. {name: '阿里地区',value: Math.round(Math.random()*1000)},
  162. {name: '日喀则地区',value: Math.round(Math.random()*1000)},
  163. {name: '林芝地区',value: Math.round(Math.random()*1000)},
  164. {name: '昌都地区',value: Math.round(Math.random()*1000)},
  165. {name: '山南地区',value: Math.round(Math.random()*1000)},
  166. {name: '拉萨市',value: Math.round(Math.random()*1000)},
  167. {name: '呼伦贝尔市',value: Math.round(Math.random()*1000)},
  168. {name: '阿拉善盟',value: Math.round(Math.random()*1000)},
  169. {name: '锡林郭勒盟',value: Math.round(Math.random()*1000)},
  170. {name: '鄂尔多斯市',value: Math.round(Math.random()*1000)},
  171. {name: '赤峰市',value: Math.round(Math.random()*1000)},
  172. {name: '巴彦淖尔市',value: Math.round(Math.random()*1000)},
  173. {name: '通辽市',value: Math.round(Math.random()*1000)},
  174. {name: '乌兰察布市',value: Math.round(Math.random()*1000)},
  175. {name: '兴安盟',value: Math.round(Math.random()*1000)},
  176. {name: '包头市',value: Math.round(Math.random()*1000)},
  177. {name: '呼和浩特市',value: Math.round(Math.random()*1000)},
  178. {name: '乌海市',value: Math.round(Math.random()*1000)},
  179. {name: '海西蒙古族藏族自治州',value: Math.round(Math.random()*1000)},
  180. {name: '玉树藏族自治州',value: Math.round(Math.random()*1000)},
  181. {name: '果洛藏族自治州',value: Math.round(Math.random()*1000)},
  182. {name: '海南藏族自治州',value: Math.round(Math.random()*1000)},
  183. {name: '海北藏族自治州',value: Math.round(Math.random()*1000)},
  184. {name: '黄南藏族自治州',value: Math.round(Math.random()*1000)},
  185. {name: '海东地区',value: Math.round(Math.random()*1000)},
  186. {name: '西宁市',value: Math.round(Math.random()*1000)},
  187. {name: '甘孜藏族自治州',value: Math.round(Math.random()*1000)},
  188. {name: '阿坝藏族羌族自治州',value: Math.round(Math.random()*1000)},
  189. {name: '凉山彝族自治州',value: Math.round(Math.random()*1000)},
  190. {name: '绵阳市',value: Math.round(Math.random()*1000)},
  191. {name: '达州市',value: Math.round(Math.random()*1000)},
  192. {name: '广元市',value: Math.round(Math.random()*1000)},
  193. {name: '雅安市',value: Math.round(Math.random()*1000)},
  194. {name: '宜宾市',value: Math.round(Math.random()*1000)},
  195. {name: '乐山市',value: Math.round(Math.random()*1000)},
  196. {name: '南充市',value: Math.round(Math.random()*1000)},
  197. {name: '巴中市',value: Math.round(Math.random()*1000)},
  198. {name: '泸州市',value: Math.round(Math.random()*1000)},
  199. {name: '成都市',value: Math.round(Math.random()*1000)},
  200. {name: '资阳市',value: Math.round(Math.random()*1000)},
  201. {name: '攀枝花市',value: Math.round(Math.random()*1000)},
  202. {name: '眉山市',value: Math.round(Math.random()*1000)},
  203. {name: '广安市',value: Math.round(Math.random()*1000)},
  204. {name: '德阳市',value: Math.round(Math.random()*1000)},
  205. {name: '内江市',value: Math.round(Math.random()*1000)},
  206. {name: '遂宁市',value: Math.round(Math.random()*1000)},
  207. {name: '自贡市',value: Math.round(Math.random()*1000)},
  208. {name: '黑河市',value: Math.round(Math.random()*1000)},
  209. {name: '大兴安岭地区',value: Math.round(Math.random()*1000)},
  210. {name: '哈尔滨市',value: Math.round(Math.random()*1000)},
  211. {name: '齐齐哈尔市',value: Math.round(Math.random()*1000)},
  212. {name: '牡丹江市',value: Math.round(Math.random()*1000)},
  213. {name: '绥化市',value: Math.round(Math.random()*1000)},
  214. {name: '伊春市',value: Math.round(Math.random()*1000)},
  215. {name: '佳木斯市',value: Math.round(Math.random()*1000)},
  216. {name: '鸡西市',value: Math.round(Math.random()*1000)},
  217. {name: '双鸭山市',value: Math.round(Math.random()*1000)},
  218. {name: '大庆市',value: Math.round(Math.random()*1000)},
  219. {name: '鹤岗市',value: Math.round(Math.random()*1000)},
  220. {name: '七台河市',value: Math.round(Math.random()*1000)},
  221. {name: '酒泉市',value: Math.round(Math.random()*1000)},
  222. {name: '张掖市',value: Math.round(Math.random()*1000)},
  223. {name: '甘南藏族自治州',value: Math.round(Math.random()*1000)},
  224. {name: '武威市',value: Math.round(Math.random()*1000)},
  225. {name: '陇南市',value: Math.round(Math.random()*1000)},
  226. {name: '庆阳市',value: Math.round(Math.random()*1000)},
  227. {name: '白银市',value: Math.round(Math.random()*1000)},
  228. {name: '定西市',value: Math.round(Math.random()*1000)},
  229. {name: '天水市',value: Math.round(Math.random()*1000)},
  230. {name: '兰州市',value: Math.round(Math.random()*1000)},
  231. {name: '平凉市',value: Math.round(Math.random()*1000)},
  232. {name: '临夏回族自治州',value: Math.round(Math.random()*1000)},
  233. {name: '金昌市',value: Math.round(Math.random()*1000)},
  234. {name: '嘉峪关市',value: Math.round(Math.random()*1000)},
  235. {name: '普洱市',value: Math.round(Math.random()*1000)},
  236. {name: '红河哈尼族彝族自治州',value: Math.round(Math.random()*1000)},
  237. {name: '文山壮族苗族自治州',value: Math.round(Math.random()*1000)},
  238. {name: '曲靖市',value: Math.round(Math.random()*1000)},
  239. {name: '楚雄彝族自治州',value: Math.round(Math.random()*1000)},
  240. {name: '大理白族自治州',value: Math.round(Math.random()*1000)},
  241. {name: '临沧市',value: Math.round(Math.random()*1000)},
  242. {name: '迪庆藏族自治州',value: Math.round(Math.random()*1000)},
  243. {name: '昭通市',value: Math.round(Math.random()*1000)},
  244. {name: '昆明市',value: Math.round(Math.random()*1000)},
  245. {name: '丽江市',value: Math.round(Math.random()*1000)},
  246. {name: '西双版纳傣族自治州',value: Math.round(Math.random()*1000)},
  247. {name: '保山市',value: Math.round(Math.random()*1000)},
  248. {name: '玉溪市',value: Math.round(Math.random()*1000)},
  249. {name: '怒江傈僳族自治州',value: Math.round(Math.random()*1000)},
  250. {name: '德宏傣族景颇族自治州',value: Math.round(Math.random()*1000)},
  251. {name: '百色市',value: Math.round(Math.random()*1000)},
  252. {name: '河池市',value: Math.round(Math.random()*1000)},
  253. {name: '桂林市',value: Math.round(Math.random()*1000)},
  254. {name: '南宁市',value: Math.round(Math.random()*1000)},
  255. {name: '柳州市',value: Math.round(Math.random()*1000)},
  256. {name: '崇左市',value: Math.round(Math.random()*1000)},
  257. {name: '来宾市',value: Math.round(Math.random()*1000)},
  258. {name: '玉林市',value: Math.round(Math.random()*1000)},
  259. {name: '梧州市',value: Math.round(Math.random()*1000)},
  260. {name: '贺州市',value: Math.round(Math.random()*1000)},
  261. {name: '钦州市',value: Math.round(Math.random()*1000)},
  262. {name: '贵港市',value: Math.round(Math.random()*1000)},
  263. {name: '防城港市',value: Math.round(Math.random()*1000)},
  264. {name: '北海市',value: Math.round(Math.random()*1000)},
  265. {name: '怀化市',value: Math.round(Math.random()*1000)},
  266. {name: '永州市',value: Math.round(Math.random()*1000)},
  267. {name: '邵阳市',value: Math.round(Math.random()*1000)},
  268. {name: '郴州市',value: Math.round(Math.random()*1000)},
  269. {name: '常德市',value: Math.round(Math.random()*1000)},
  270. {name: '湘西土家族苗族自治州',value: Math.round(Math.random()*1000)},
  271. {name: '衡阳市',value: Math.round(Math.random()*1000)},
  272. {name: '岳阳市',value: Math.round(Math.random()*1000)},
  273. {name: '益阳市',value: Math.round(Math.random()*1000)},
  274. {name: '长沙市',value: Math.round(Math.random()*1000)},
  275. {name: '株洲市',value: Math.round(Math.random()*1000)},
  276. {name: '张家界市',value: Math.round(Math.random()*1000)},
  277. {name: '娄底市',value: Math.round(Math.random()*1000)},
  278. {name: '湘潭市',value: Math.round(Math.random()*1000)},
  279. {name: '榆林市',value: Math.round(Math.random()*1000)},
  280. {name: '延安市',value: Math.round(Math.random()*1000)},
  281. {name: '汉中市',value: Math.round(Math.random()*1000)},
  282. {name: '安康市',value: Math.round(Math.random()*1000)},
  283. {name: '商洛市',value: Math.round(Math.random()*1000)},
  284. {name: '宝鸡市',value: Math.round(Math.random()*1000)},
  285. {name: '渭南市',value: Math.round(Math.random()*1000)},
  286. {name: '咸阳市',value: Math.round(Math.random()*1000)},
  287. {name: '西安市',value: Math.round(Math.random()*1000)},
  288. {name: '铜川市',value: Math.round(Math.random()*1000)},
  289. {name: '清远市',value: Math.round(Math.random()*1000)},
  290. {name: '韶关市',value: Math.round(Math.random()*1000)},
  291. {name: '湛江市',value: Math.round(Math.random()*1000)},
  292. {name: '梅州市',value: Math.round(Math.random()*1000)},
  293. {name: '河源市',value: Math.round(Math.random()*1000)},
  294. {name: '肇庆市',value: Math.round(Math.random()*1000)},
  295. {name: '惠州市',value: Math.round(Math.random()*1000)},
  296. {name: '茂名市',value: Math.round(Math.random()*1000)},
  297. {name: '江门市',value: Math.round(Math.random()*1000)},
  298. {name: '阳江市',value: Math.round(Math.random()*1000)},
  299. {name: '云浮市',value: Math.round(Math.random()*1000)},
  300. {name: '广州市',value: Math.round(Math.random()*1000)},
  301. {name: '汕尾市',value: Math.round(Math.random()*1000)},
  302. {name: '揭阳市',value: Math.round(Math.random()*1000)},
  303. {name: '珠海市',value: Math.round(Math.random()*1000)},
  304. {name: '佛山市',value: Math.round(Math.random()*1000)},
  305. {name: '潮州市',value: Math.round(Math.random()*1000)},
  306. {name: '汕头市',value: Math.round(Math.random()*1000)},
  307. {name: '深圳市',value: Math.round(Math.random()*1000)},
  308. {name: '东莞市',value: Math.round(Math.random()*1000)},
  309. {name: '中山市',value: Math.round(Math.random()*1000)},
  310. {name: '延边朝鲜族自治州',value: Math.round(Math.random()*1000)},
  311. {name: '吉林市',value: Math.round(Math.random()*1000)},
  312. {name: '白城市',value: Math.round(Math.random()*1000)},
  313. {name: '松原市',value: Math.round(Math.random()*1000)},
  314. {name: '长春市',value: Math.round(Math.random()*1000)},
  315. {name: '白山市',value: Math.round(Math.random()*1000)},
  316. {name: '通化市',value: Math.round(Math.random()*1000)},
  317. {name: '四平市',value: Math.round(Math.random()*1000)},
  318. {name: '辽源市',value: Math.round(Math.random()*1000)},
  319. {name: '承德市',value: Math.round(Math.random()*1000)},
  320. {name: '张家口市',value: Math.round(Math.random()*1000)},
  321. {name: '保定市',value: Math.round(Math.random()*1000)},
  322. {name: '唐山市',value: Math.round(Math.random()*1000)},
  323. {name: '沧州市',value: Math.round(Math.random()*1000)},
  324. {name: '石家庄市',value: Math.round(Math.random()*1000)},
  325. {name: '邢台市',value: Math.round(Math.random()*1000)},
  326. {name: '邯郸市',value: Math.round(Math.random()*1000)},
  327. {name: '秦皇岛市',value: Math.round(Math.random()*1000)},
  328. {name: '衡水市',value: Math.round(Math.random()*1000)},
  329. {name: '廊坊市',value: Math.round(Math.random()*1000)},
  330. {name: '恩施土家族苗族自治州',value: Math.round(Math.random()*1000)},
  331. {name: '十堰市',value: Math.round(Math.random()*1000)},
  332. {name: '宜昌市',value: Math.round(Math.random()*1000)},
  333. {name: '襄樊市',value: Math.round(Math.random()*1000)},
  334. {name: '黄冈市',value: Math.round(Math.random()*1000)},
  335. {name: '荆州市',value: Math.round(Math.random()*1000)},
  336. {name: '荆门市',value: Math.round(Math.random()*1000)},
  337. {name: '咸宁市',value: Math.round(Math.random()*1000)},
  338. {name: '随州市',value: Math.round(Math.random()*1000)},
  339. {name: '孝感市',value: Math.round(Math.random()*1000)},
  340. {name: '武汉市',value: Math.round(Math.random()*1000)},
  341. {name: '黄石市',value: Math.round(Math.random()*1000)},
  342. {name: '神农架林区',value: Math.round(Math.random()*1000)},
  343. {name: '天门市',value: Math.round(Math.random()*1000)},
  344. {name: '仙桃市',value: Math.round(Math.random()*1000)},
  345. {name: '潜江市',value: Math.round(Math.random()*1000)},
  346. {name: '鄂州市',value: Math.round(Math.random()*1000)},
  347. {name: '遵义市',value: Math.round(Math.random()*1000)},
  348. {name: '黔东南苗族侗族自治州',value: Math.round(Math.random()*1000)},
  349. {name: '毕节地区',value: Math.round(Math.random()*1000)},
  350. {name: '黔南布依族苗族自治州',value: Math.round(Math.random()*1000)},
  351. {name: '铜仁地区',value: Math.round(Math.random()*1000)},
  352. {name: '黔西南布依族苗族自治州',value: Math.round(Math.random()*1000)},
  353. {name: '六盘水市',value: Math.round(Math.random()*1000)},
  354. {name: '安顺市',value: Math.round(Math.random()*1000)},
  355. {name: '贵阳市',value: Math.round(Math.random()*1000)},
  356. {name: '烟台市',value: Math.round(Math.random()*1000)},
  357. {name: '临沂市',value: Math.round(Math.random()*1000)},
  358. {name: '潍坊市',value: Math.round(Math.random()*1000)},
  359. {name: '青岛市',value: Math.round(Math.random()*1000)},
  360. {name: '菏泽市',value: Math.round(Math.random()*1000)},
  361. {name: '济宁市',value: Math.round(Math.random()*1000)},
  362. {name: '德州市',value: Math.round(Math.random()*1000)},
  363. {name: '滨州市',value: Math.round(Math.random()*1000)},
  364. {name: '聊城市',value: Math.round(Math.random()*1000)},
  365. {name: '东营市',value: Math.round(Math.random()*1000)},
  366. {name: '济南市',value: Math.round(Math.random()*1000)},
  367. {name: '泰安市',value: Math.round(Math.random()*1000)},
  368. {name: '威海市',value: Math.round(Math.random()*1000)},
  369. {name: '日照市',value: Math.round(Math.random()*1000)},
  370. {name: '淄博市',value: Math.round(Math.random()*1000)},
  371. {name: '枣庄市',value: Math.round(Math.random()*1000)},
  372. {name: '莱芜市',value: Math.round(Math.random()*1000)},
  373. {name: '赣州市',value: Math.round(Math.random()*1000)},
  374. {name: '吉安市',value: Math.round(Math.random()*1000)},
  375. {name: '上饶市',value: Math.round(Math.random()*1000)},
  376. {name: '九江市',value: Math.round(Math.random()*1000)},
  377. {name: '抚州市',value: Math.round(Math.random()*1000)},
  378. {name: '宜春市',value: Math.round(Math.random()*1000)},
  379. {name: '南昌市',value: Math.round(Math.random()*1000)},
  380. {name: '景德镇市',value: Math.round(Math.random()*1000)},
  381. {name: '萍乡市',value: Math.round(Math.random()*1000)},
  382. {name: '鹰潭市',value: Math.round(Math.random()*1000)},
  383. {name: '新余市',value: Math.round(Math.random()*1000)},
  384. {name: '南阳市',value: Math.round(Math.random()*1000)},
  385. {name: '信阳市',value: Math.round(Math.random()*1000)},
  386. {name: '洛阳市',value: Math.round(Math.random()*1000)},
  387. {name: '驻马店市',value: Math.round(Math.random()*1000)},
  388. {name: '周口市',value: Math.round(Math.random()*1000)},
  389. {name: '商丘市',value: Math.round(Math.random()*1000)},
  390. {name: '三门峡市',value: Math.round(Math.random()*1000)},
  391. {name: '新乡市',value: Math.round(Math.random()*1000)},
  392. {name: '平顶山市',value: Math.round(Math.random()*1000)},
  393. {name: '郑州市',value: Math.round(Math.random()*1000)},
  394. {name: '安阳市',value: Math.round(Math.random()*1000)},
  395. {name: '开封市',value: Math.round(Math.random()*1000)},
  396. {name: '焦作市',value: Math.round(Math.random()*1000)},
  397. {name: '许昌市',value: Math.round(Math.random()*1000)},
  398. {name: '濮阳市',value: Math.round(Math.random()*1000)},
  399. {name: '漯河市',value: Math.round(Math.random()*1000)},
  400. {name: '鹤壁市',value: Math.round(Math.random()*1000)},
  401. {name: '大连市',value: Math.round(Math.random()*1000)},
  402. {name: '朝阳市',value: Math.round(Math.random()*1000)},
  403. {name: '丹东市',value: Math.round(Math.random()*1000)},
  404. {name: '铁岭市',value: Math.round(Math.random()*1000)},
  405. {name: '沈阳市',value: Math.round(Math.random()*1000)},
  406. {name: '抚顺市',value: Math.round(Math.random()*1000)},
  407. {name: '葫芦岛市',value: Math.round(Math.random()*1000)},
  408. {name: '阜新市',value: Math.round(Math.random()*1000)},
  409. {name: '锦州市',value: Math.round(Math.random()*1000)},
  410. {name: '鞍山市',value: Math.round(Math.random()*1000)},
  411. {name: '本溪市',value: Math.round(Math.random()*1000)},
  412. {name: '营口市',value: Math.round(Math.random()*1000)},
  413. {name: '辽阳市',value: Math.round(Math.random()*1000)},
  414. {name: '盘锦市',value: Math.round(Math.random()*1000)},
  415. {name: '忻州市',value: Math.round(Math.random()*1000)},
  416. {name: '吕梁市',value: Math.round(Math.random()*1000)},
  417. {name: '临汾市',value: Math.round(Math.random()*1000)},
  418. {name: '晋中市',value: Math.round(Math.random()*1000)},
  419. {name: '运城市',value: Math.round(Math.random()*1000)},
  420. {name: '大同市',value: Math.round(Math.random()*1000)},
  421. {name: '长治市',value: Math.round(Math.random()*1000)},
  422. {name: '朔州市',value: Math.round(Math.random()*1000)},
  423. {name: '晋城市',value: Math.round(Math.random()*1000)},
  424. {name: '太原市',value: Math.round(Math.random()*1000)},
  425. {name: '阳泉市',value: Math.round(Math.random()*1000)},
  426. {name: '六安市',value: Math.round(Math.random()*1000)},
  427. {name: '安庆市',value: Math.round(Math.random()*1000)},
  428. {name: '滁州市',value: Math.round(Math.random()*1000)},
  429. {name: '宣城市',value: Math.round(Math.random()*1000)},
  430. {name: '阜阳市',value: Math.round(Math.random()*1000)},
  431. {name: '宿州市',value: Math.round(Math.random()*1000)},
  432. {name: '黄山市',value: Math.round(Math.random()*1000)},
  433. {name: '巢湖市',value: Math.round(Math.random()*1000)},
  434. {name: '亳州市',value: Math.round(Math.random()*1000)},
  435. {name: '池州市',value: Math.round(Math.random()*1000)},
  436. {name: '合肥市',value: Math.round(Math.random()*1000)},
  437. {name: '蚌埠市',value: Math.round(Math.random()*1000)},
  438. {name: '芜湖市',value: Math.round(Math.random()*1000)},
  439. {name: '淮北市',value: Math.round(Math.random()*1000)},
  440. {name: '淮南市',value: Math.round(Math.random()*1000)},
  441. {name: '马鞍山市',value: Math.round(Math.random()*1000)},
  442. {name: '铜陵市',value: Math.round(Math.random()*1000)},
  443. {name: '南平市',value: Math.round(Math.random()*1000)},
  444. {name: '三明市',value: Math.round(Math.random()*1000)},
  445. {name: '龙岩市',value: Math.round(Math.random()*1000)},
  446. {name: '宁德市',value: Math.round(Math.random()*1000)},
  447. {name: '福州市',value: Math.round(Math.random()*1000)},
  448. {name: '漳州市',value: Math.round(Math.random()*1000)},
  449. {name: '泉州市',value: Math.round(Math.random()*1000)},
  450. {name: '莆田市',value: Math.round(Math.random()*1000)},
  451. {name: '厦门市',value: Math.round(Math.random()*1000)},
  452. {name: '丽水市',value: Math.round(Math.random()*1000)},
  453. {name: '杭州市',value: Math.round(Math.random()*1000)},
  454. {name: '温州市',value: Math.round(Math.random()*1000)},
  455. {name: '宁波市',value: Math.round(Math.random()*1000)},
  456. {name: '舟山市',value: Math.round(Math.random()*1000)},
  457. {name: '台州市',value: Math.round(Math.random()*1000)},
  458. {name: '金华市',value: Math.round(Math.random()*1000)},
  459. {name: '衢州市',value: Math.round(Math.random()*1000)},
  460. {name: '绍兴市',value: Math.round(Math.random()*1000)},
  461. {name: '嘉兴市',value: Math.round(Math.random()*1000)},
  462. {name: '湖州市',value: Math.round(Math.random()*1000)},
  463. {name: '盐城市',value: Math.round(Math.random()*1000)},
  464. {name: '徐州市',value: Math.round(Math.random()*1000)},
  465. {name: '南通市',value: Math.round(Math.random()*1000)},
  466. {name: '淮安市',value: Math.round(Math.random()*1000)},
  467. {name: '苏州市',value: Math.round(Math.random()*1000)},
  468. {name: '宿迁市',value: Math.round(Math.random()*1000)},
  469. {name: '连云港市',value: Math.round(Math.random()*1000)},
  470. {name: '扬州市',value: Math.round(Math.random()*1000)},
  471. {name: '南京市',value: Math.round(Math.random()*1000)},
  472. {name: '泰州市',value: Math.round(Math.random()*1000)},
  473. {name: '无锡市',value: Math.round(Math.random()*1000)},
  474. {name: '常州市',value: Math.round(Math.random()*1000)},
  475. {name: '镇江市',value: Math.round(Math.random()*1000)},
  476. {name: '吴忠市',value: Math.round(Math.random()*1000)},
  477. {name: '中卫市',value: Math.round(Math.random()*1000)},
  478. {name: '固原市',value: Math.round(Math.random()*1000)},
  479. {name: '银川市',value: Math.round(Math.random()*1000)},
  480. {name: '石嘴山市',value: Math.round(Math.random()*1000)},
  481. {name: '儋州市',value: Math.round(Math.random()*1000)},
  482. {name: '文昌市',value: Math.round(Math.random()*1000)},
  483. {name: '乐东黎族自治县',value: Math.round(Math.random()*1000)},
  484. {name: '三亚市',value: Math.round(Math.random()*1000)},
  485. {name: '琼中黎族苗族自治县',value: Math.round(Math.random()*1000)},
  486. {name: '东方市',value: Math.round(Math.random()*1000)},
  487. {name: '海口市',value: Math.round(Math.random()*1000)},
  488. {name: '万宁市',value: Math.round(Math.random()*1000)},
  489. {name: '澄迈县',value: Math.round(Math.random()*1000)},
  490. {name: '白沙黎族自治县',value: Math.round(Math.random()*1000)},
  491. {name: '琼海市',value: Math.round(Math.random()*1000)},
  492. {name: '昌江黎族自治县',value: Math.round(Math.random()*1000)},
  493. {name: '临高县',value: Math.round(Math.random()*1000)},
  494. {name: '陵水黎族自治县',value: Math.round(Math.random()*1000)},
  495. {name: '屯昌县',value: Math.round(Math.random()*1000)},
  496. {name: '定安县',value: Math.round(Math.random()*1000)},
  497. {name: '保亭黎族苗族自治县',value: Math.round(Math.random()*1000)},
  498. {name: '五指山市',value: Math.round(Math.random()*1000)}
  499. ]
  500. }
  501. ]
  502. };
  503. </textarea>
  504. </div><!--/.well -->
  505. </div><!--/span-->
  506. <div id="graphic" class="col-md-8">
  507. <div id="main" class="main" style="height: 530px;"></div>
  508. <div>
  509. <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
  510. <span class="text-primary">切换主题</span>
  511. <select id="theme-select"></select>
  512. <span id='wrong-message' style="color:red"></span>
  513. </div>
  514. </div><!--/span-->
  515. </div><!--/row-->
  516. </div><!--/.fluid-container-->
  517. <footer id="footer"></footer>
  518. <!-- Le javascript
  519. ================================================== -->
  520. <!-- Placed at the end of the document so the pages load faster -->
  521. <script src="../asset/js/jquery.min.js"></script>
  522. <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
  523. <script src="../asset/js/bootstrap.min.js"></script>
  524. <script src="../asset/js/echartsExample.js"></script>
  525. </body>
  526. </html>