上海的echars学习
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 </head> 6 <body> 7 <div id="main" style="100%; height: 100%;"></div> 8 </body> 9 <script src="js/echarts.min.js"></script> 10 <script src="js/shanghai.js"></script> 11 <script> 12 var myChart = echarts.init(document.getElementById('main')); 13 var option = { 14 title: { 15 text : '上海地图', 16 subtext : '-。-1234' 17 }, 18 tooltip : { 19 trigger: 'item', 20 formatter: function(a){ 21 return a[2]; 22 } 23 }, 24 legend: { 25 orient: 'vertical', 26 x:'right', 27 data:['数据名称'] 28 }, 29 dataRange: { 30 min: 0, 31 max: 1000, 32 color:['orange','#CCCCCC'], 33 text:['高','低'], // 文本，默认为数值文本 34 calculable : true 35 }, 36 series : [ 37 { 38 name: '数据名称', 39 type: 'map', 40 mapType: '上海', 41 selectedMode : 'single', 42 itemStyle:{ 43 normal:{label:{show:true}}, 44 emphasis:{label:{show:true}} 45 }, 46 data:[ 47 {name: '崇明县',value: Math.round(Math.random()*1000)}, 48 {name: '宝山区',value: Math.round(Math.random()*1000)}, 49 {name: '嘉定区',value: Math.round(Math.random()*1000)}, 50 {name: '青浦区',value: Math.round(Math.random()*1000)}, 51 {name: '杨浦区',value: Math.round(Math.random()*1000)}, 52 {name: '虹口区',value: Math.round(Math.random()*1000)}, 53 {name: '闸北区',value: Math.round(Math.random()*1000)}, 54 {name: '普陀区',value: Math.round(Math.random()*1000)}, 55 {name: '静安区',value: Math.round(Math.random()*1000)}, 56 {name: '黄浦区',value: Math.round(Math.random()*1000)}, 57 {name: '卢湾区',value: Math.round(Math.random()*1000)}, 58 {name: '长宁区',value: Math.round(Math.random()*1000)}, 59 {name: '徐汇区',value: Math.round(Math.random()*1000)}, 60 {name: '浦东新区',value: Math.round(Math.random()*1000)}, 61 {name: '松江区',value: Math.round(Math.random()*1000)}, 62 {name: '闵行区',value: Math.round(Math.random()*1000)}, 63 {name: '金山区',value: Math.round(Math.random()*1000)}, 64 {name: '奉贤区',value: Math.round(Math.random()*1000)}, 65 {name: '南汇区',value: Math.round(Math.random()*1000)} 66 ] 67 } 68 ] 69 }; 70 myChart.setOption(option); 71 72 </script> 73 </html>