option
// 自定義擴展圖表類型：mapType = body require('echarts/util/mapData/params').params.baiduBuilding = { getGeoJson: function (callback) { $.ajax({ url: "svg/baidu-building.svg", dataType: 'xml', success: function(xml) { callback(xml) } }); } } option = { backgroundColor:'#eee', title : { text : '百度大廈', textStyle: { color: '#000' } }, tooltip : { trigger: 'item', formatter: '{b}' }, color: ['rgba(218, 70, 214, 1)', 'rgba(100, 149, 237, 1)', 'green'], legend: { data: ['嘿嘿', '高經', '會議室'] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, restore : {show: true}, saveAsImage : {show: true} } }, series : [ { name: '嘿嘿', type: 'map', mapType: 'baiduBuilding', roam:true, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data: [], geoCoord: { '叮叮': [39, 45], '小兌兒': [71, 45], '胡瑤': [195, 29], '祖明': [195, 44], '林峰': [195, 60], '安晨': [210, 44], '功': [210, 60], '立新': [144, 59], '詩才': [195, 71], '黃競': [210, 59], '浪宇': [150, 55], '曉青': [210, 71], '毅楠': [222, 59], '朝霞': [222, 71], '武琦': [231, 71], '嚴萍': [231, 46], '紹波': [231, 59], '開放': [488, 43], '兵兵': [488, 60], '孟珂': [522, 43], '輝耀': [522, 60], '佳璐': [488, 23], '新樂': [522, 23], '大佛': [165, 29], '周玉': [165, 44], '令君': [165, 60], '佳璐': [165, 71], 'erik': [222, 44], '爽哥': [240, 60], '雷哥': [240, 44], '坤哥': [176, 59], '剛哥': [176, 71], '高經': [545, 54], '邱華': [468, 23], '飢渴難耐的輝輝': [473, 40], '大發': [500, 40], '淼童': [473, 60], '亞江': [500, 60], '莉姐': [530, 70], '紅啟': [570, 54], '五福降中天': [373, 173], 'csfe': [500, 54], '得勝令': [253, 179], '西湖春': [496, 179], '望江南': [72, 203], '慶千秋': [86, 203], '過江龍': [289, 32], '天下樂': [289, 50], '萬年歡': [687, 24], '浣溪沙': [637, 203], '清平樂': [649, 203], '四和春': [663, 203], '杏花天': [676, 203] }, markPoint : { symbolSize : 3, data : [ {name: '叮叮'}, {name: '小兌兒'}, {name: '胡瑤'}, {name: '高經'}, {name: 'erik'}, {name: '祖明'}, {name: '林峰'}, {name: '坤哥'}, {name: '剛哥'}, {name: '爽哥'}, {name: '雷哥'}, {name: '邱華'}, {name: '淼童'}, {name: '亞江'}, {name: '莉姐'}, {name: '大發'}, {name: '飢渴難耐的輝輝'}, {name: '紅啟'}, {name: '安晨'}, {name: '功'}, {name: '立新'}, {name: '詩才'}, {name: '黃競'}, {name: '曉青'}, {name: '毅楠'}, {name: '浪宇'}, {name: '朝霞'}, {name: '嚴萍'}, {name: '武琦'}, {name: '紹波'}, {name: '開放'}, {name: '兵兵'}, {name: '孟珂'}, {name: '輝耀'}, {name: '佳璐'}, {name: '新樂'}, {name: '周玉'}, {name: '令君'}, {name: '佳璐'} ] }, markLine : { smooth:true, effect : { show: true, scaleSize: 1, period: 20, color: '#fff', shadowBlur: 5 }, symbol: ['none'], itemStyle : { normal: { borderWidth:1, lineStyle: { type: 'solid' } } }, data : [ [ {name:'erik'}, {name:'胡瑤'} ], [ {name:'祖明'}, {name:'叮叮'} ], [ {name:'祖明'}, {name:'小兌兒'} ] ] } }, { name: '高經', type: 'map', mapType: 'baiduBuilding', roam:true, symbol: ['none'], itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data: [], markLine : { smooth:true, effect : { show: true, scaleSize: 1, period: 20, color: '#fff', shadowBlur: 5 }, itemStyle : { normal: { borderWidth:1, lineStyle: { type: 'solid' } } }, data : [ [ {name:'高經'}, {name:'洗手間', geoCoord:[440, 179]} ], [ {name:'高經'}, {name:'洗手間', geoCoord:[637, 53]} ], [ {name:'高經'}, {name:'洗手間', geoCoord:[637, 179]} ], [ {name:'高經'}, {name:'洗手間', geoCoord:[307, 179]} ] ] } }, { name: '會議室', type: 'map', mapType: 'baiduBuilding', roam:true, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data:[], markPoint : { symbol:'circle', symbolSize : 2, color: 'green', data : [] }, markLine : { smooth:true, effect : { show: true, scaleSize: 1, period: 20, color: '#fff', shadowBlur: 5 }, symbol: ['none'], itemStyle : { normal: { borderWidth:1, lineStyle: { type: 'solid' } } }, data : [ [ {name:'淼童'}, {name:'五福降中天'} ], [ {name:'大發'}, {name:'西湖春'} ], [ {name:'林峰'}, {name:'望江南'} ], [ {name:'莉姐'}, {name:'杏花天'} ], [ {name:'雷哥'}, {name:'過江龍'} ], [ {name:'毅楠'}, {name:'天下樂'} ], [ {name:'紅啟'}, {name:'萬年歡'} ], [ {name:'亞江'}, {name:'浣溪沙'} ], [ {name:'爽哥'}, {name:'得勝令'} ], [ {name:'飢渴難耐的輝輝'}, {name:'萬年歡'} ] ] } }, { type: 'map', mapType: 'baiduBuilding', data: [], markPoint: { symbol: 'emptyCircle', effect: { show: true, color: 'rgba(218, 70, 214, 1)' }, data: [ {name: '叮叮'}, {name: '小兌兒'}, {name: '胡瑤'}, {name: '淼童'} ] } }, { type: 'map', mapType: 'baiduBuilding', data: [], markPoint: { symbol: 'emptyCircle', effect: { show: true, color: 'rgba(100, 149, 237, 1)' }, data: [ {name: '高經'} ] } }, { type: 'map', mapType: 'baiduBuilding', data: [], markPoint: { symbol: 'emptyCircle', symbolSize : 15, effect: { show: true, color: 'green' }, data: [ {name: '五福降中天'} ] } } ] };
刷 新
切換主題