| myChart.showLoading(); |
| |
| $.get(ROOT_PATH + '/data/asset/geo/HK.json', function (geoJson) { |
| |
| myChart.hideLoading(); |
| |
| echarts.registerMap('HK', geoJson); |
| |
| myChart.setOption(option = { |
| title : { |
| text : '香港18区人口密度 (2011)', |
| subtext: '人口密度数据来自Wikipedia', |
| sublink: 'http://zh.wikipedia.org/wiki/%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12' |
| }, |
| tooltip : { |
| trigger: 'item', |
| formatter: '{b}<br/>{c} (p / km2)' |
| }, |
| toolbox: { |
| show : true, |
| orient : 'vertical', |
| left: 'right', |
| top: 'center', |
| feature : { |
| mark : {show: true}, |
| dataView : {show: true, readOnly: false}, |
| restore : {show: true}, |
| saveAsImage : {show: true} |
| } |
| }, |
| visualMap: { |
| type: 'piecewise', |
| min: 800, |
| max: 50000, |
| text:['High','Low'], |
| realtime: false, |
| calculable : true, |
| color: ['orangered','yellow','lightskyblue'] |
| }, |
| series : [ |
| { |
| name: '香港18区人口密度', |
| type: 'map', |
| mapType: 'HK', // 自定义扩展图表类型 |
| itemStyle:{ |
| normal:{label:{show:true}}, |
| emphasis:{label:{show:true}} |
| }, |
| data:[ |
| {name: '中西区', value: 20057.34}, |
| {name: '湾仔', value: 15477.48}, |
| {name: '东区', value: 31686.1}, |
| {name: '南区', value: 6992.6}, |
| {name: '油尖旺', value: 44045.49}, |
| {name: '深水埗', value: 40689.64}, |
| {name: '九龙城', value: 37659.78}, |
| {name: '黄大仙', value: 45180.97}, |
| {name: '观塘', value: 55204.26}, |
| {name: '葵青', value: 21900.9}, |
| {name: '荃湾', value: 4918.26}, |
| {name: '屯门', value: 5881.84}, |
| {name: '元朗', value: 4178.01}, |
| {name: '北区', value: 2227.92}, |
| {name: '大埔', value: 2180.98}, |
| {name: '沙田', value: 9172.94}, |
| {name: '西贡', value: 3368}, |
| {name: '离岛', value: 806.98} |
| ], |
| // 自定义名称映射 |
| nameMap: { |
| 'Central and Western':'中西区', |
| 'Eastern':'东区', |
| 'Islands':'离岛', |
| 'Kowloon City':'九龙城', |
| 'Kwai Tsing':'葵青', |
| 'Kwun Tong':'观塘', |
| 'North':'北区', |
| 'Sai Kung':'西贡', |
| 'Sha Tin':'沙田', |
| 'Sham Shui Po':'深水埗', |
| 'Southern':'南区', |
| 'Tai Po':'大埔', |
| 'Tsuen Wan':'荃湾', |
| 'Tuen Mun':'屯门', |
| 'Wan Chai':'湾仔', |
| 'Wong Tai Sin':'黄大仙', |
| 'Yau Tsim Mong':'油尖旺', |
| 'Yuen Long':'元朗' |
| } |
| } |
| ] |
| }); |
| }); |