Commit 8763cc94bf1f001307fad1bee1379fce4a1da4aa
1 parent
79f96535
first
Showing
1 changed file
with
58 additions
and
90 deletions
js/pagejs/index.js
| @@ -300,118 +300,86 @@ | @@ -300,118 +300,86 @@ | ||
| 300 | 300 | ||
| 301 | //中间地图 | 301 | //中间地图 |
| 302 | $.getJSON('./../js/pagejs/handan.json', function (yCjson) { | 302 | $.getJSON('./../js/pagejs/handan.json', function (yCjson) { |
| 303 | - echarts.registerMap('银川', yCjson); | 303 | + echarts.registerMap('邯郸', yCjson); |
| 304 | var chart = echarts.init(document.getElementById('map_c_echart')); | 304 | var chart = echarts.init(document.getElementById('map_c_echart')); |
| 305 | 305 | ||
| 306 | var option = { | 306 | var option = { |
| 307 | 307 | ||
| 308 | + tooltip : { | ||
| 309 | + trigger: 'item' | ||
| 310 | + }, | ||
| 311 | + | ||
| 308 | visualMap: { | 312 | visualMap: { |
| 309 | - show: false, | ||
| 310 | - min: 1, | ||
| 311 | - max: 10000, | ||
| 312 | - itemWidth: 0,//图形的宽度，即长条的宽度 | ||
| 313 | - itemHeight: 90,//图形的高度，即长条的高度 | ||
| 314 | - left: 5, | ||
| 315 | - bottom: 0, | ||
| 316 | - //text: ['High', 'Low'], | ||
| 317 | - realtime: false,//拖拽时，是否实时更新 | ||
| 318 | - calculable: false,//是否显示拖拽用的手柄 | ||
| 319 | - inRange: { | ||
| 320 | - color: ['rgba(29,71,193,.3)', 'rgba(33,77,203,.7)','rgba(29,71,193,.2)','rgba(33,77,203,.6)'] | ||
| 321 | - } | 313 | + min: 0, |
| 314 | + max: 2500, | ||
| 315 | + left: 'left', | ||
| 316 | + top: 'bottom', | ||
| 317 | + text:['高','低'], // 文本，默认为数值文本 | ||
| 318 | + calculable : true | ||
| 322 | }, | 319 | }, |
| 323 | - series:[ | 320 | + |
| 321 | + series : [ | ||
| 324 | { | 322 | { |
| 325 | - zoom:1.3,//当前视角的缩放比例。 | ||
| 326 | - name:'犯罪数量', | ||
| 327 | - type:'map', | ||
| 328 | - map:'银川', | ||
| 329 | - mapLocation:{ | ||
| 330 | - y:60 | ||
| 331 | - }, | 323 | + name: 'iphone3', |
| 324 | + type: 'map', | ||
| 325 | + mapType: '邯郸', | ||
| 326 | + roam: false, | ||
| 332 | label: { | 327 | label: { |
| 333 | normal: { | 328 | normal: { |
| 334 | - show: true | 329 | + show: false |
| 335 | }, | 330 | }, |
| 336 | emphasis: { | 331 | emphasis: { |
| 337 | - show: true, | 332 | + show: true |
| 338 | } | 333 | } |
| 339 | }, | 334 | }, |
| 340 | - itemStyle: { | 335 | + data:[ |
| 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()*0)}, | ||
| 341 | + ] | ||
| 342 | + }, | ||
| 343 | + { | ||
| 344 | + name: 'iphone4', | ||
| 345 | + type: 'map', | ||
| 346 | + mapType: '邯郸', | ||
| 347 | + label: { | ||
| 341 | normal: { | 348 | normal: { |
| 342 | - borderWidth: 1, | ||
| 343 | - borderColor: 'rgba(147,191,245,.3)', | ||
| 344 | - | ||
| 345 | - label: { | ||
| 346 | - show: false, | ||
| 347 | - textStyle: { | ||
| 348 | - color: "#fff" | ||
| 349 | - } | ||
| 350 | - } | 349 | + show: false |
| 351 | }, | 350 | }, |
| 352 | - emphasis:{ | ||
| 353 | - areaColor: 'rgba(255,204,0,0.4)', | ||
| 354 | - label: { | ||
| 355 | - show: false, | ||
| 356 | - textStyle: { | ||
| 357 | - color: "#fff" | ||
| 358 | - } | ||
| 359 | - } | 351 | + emphasis: { |
| 352 | + show: true | ||
| 360 | } | 353 | } |
| 361 | }, | 354 | }, |
| 362 | - markPoint:{ | ||
| 363 | - symbol:'image://./../img/cf_map_icon.png', | ||
| 364 | - silent:true, | ||
| 365 | - symbolSize:[17, 17], | ||
| 366 | - data: [ | ||
| 367 | - | ||
| 368 | - { | ||
| 369 | - name: '', | ||
| 370 | - coord: [103.729882,30.136356], | ||
| 371 | - }, | ||
| 372 | - { | ||
| 373 | - name: '', | ||
| 374 | - coord: [103.789673,30.268198], | ||
| 375 | - }, | ||
| 376 | - { | ||
| 377 | - name: '', | ||
| 378 | - coord: [103.806921,29.789424], | ||
| 379 | - }, | ||
| 380 | - { | ||
| 381 | - name: '', | ||
| 382 | - coord: [104.164518,30.059866], | ||
| 383 | - }, | ||
| 384 | - { | ||
| 385 | - name: '', | ||
| 386 | - coord: [103.383783,30.04186], | ||
| 387 | - }, | ||
| 388 | - { | ||
| 389 | - name: '', | ||
| 390 | - coord: [103.26535,29.914721], | ||
| 391 | - }, | ||
| 392 | - | ||
| 393 | - ], | ||
| 394 | - label:{ | ||
| 395 | - normal:{ | ||
| 396 | - show:false, | ||
| 397 | - }, | ||
| 398 | - emphasis:{ | ||
| 399 | - show:false, | ||
| 400 | - }, | ||
| 401 | - | 355 | + data:[ |
| 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 | + ] | ||
| 361 | + }, | ||
| 362 | + { | ||
| 363 | + name: 'iphone5', | ||
| 364 | + type: 'map', | ||
| 365 | + mapType: '邯郸', | ||
| 366 | + label: { | ||
| 367 | + normal: { | ||
| 368 | + show: false | ||
| 369 | + }, | ||
| 370 | + emphasis: { | ||
| 371 | + show: true | ||
| 402 | } | 372 | } |
| 403 | }, | 373 | }, |
| 404 | data:[ | 374 | data:[ |
| 405 | - {name:'西夏区',value:Math.round(Math.random()*500)}, | ||
| 406 | - {name:'贺兰县',value:Math.round(Math.random()*500)}, | ||
| 407 | - {name:'金凤区',value:Math.round(Math.random()*500)}, | ||
| 408 | - {name:'永宁县',value:Math.round(Math.random()*500)}, | ||
| 409 | - {name:'灵武市',value:Math.round(Math.random()*500)}, | ||
| 410 | - {name:'兴庆区',value:Math.round(Math.random()*500)} | 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 | + | ||
| 411 | ] | 380 | ] |
| 412 | } | 381 | } |
| 413 | - ], | ||
| 414 | - | 382 | + ] |
| 415 | }; | 383 | }; |
| 416 | chart.setOption(option); | 384 | chart.setOption(option); |
| 417 | }); | 385 | }); |