人到中年，delphi發展越來越不行，就業環境是真差啊，沒辦法，學唄
中國地圖：
// 中國地圖function getChinaMapChart() {// 初始化echarts實例var myEcharts = echarts.init(document.getElementById("china_box"));var option = {geo: {map: 'china',label: {normal: {show: false, //顯示省份標簽},emphasis: { //對應的鼠標懸浮效果show: false,textStyle: {color: "#fff"}}},roam: false,//是否開啟鼠標縮放和平移漫游itemStyle: {//地圖區域的多邊形 圖形樣式normal: {//是圖形在默認狀態下的樣式borderWidth: .5, //區域邊框寬度borderColor: '#fff', //區域邊框顏色areaColor: "#3EABFF", //區域顏色},emphasis: {//是圖形在高亮狀態下的樣式,比如在鼠標懸浮或者圖例聯動高亮時borderWidth: .5,borderColor: '#fff',areaColor: "#11D163",label: { show: true }}},aspectScale: 0.75,zoom: 1.2,//地圖縮放比例,默認為1},title: { //標題樣式text: '',x: "center",textStyle: {fontSize: 18,color: "#fff"},},tooltip: { //這里設置提示框show: false,trigger: 'item', //數據項圖形觸發backgroundColor: "#fff", //提示框浮層的背景顏色。},visualMap: {//視覺映射組件show: false,top: 'center',left: 'left',min: 10,max: 500000,text: ['High', 'Low'],realtime: false, //拖拽時，是否實時更新calculable: true, //是否顯示拖拽用的手柄inRange: {color: ['#DAF117', 'yellow', '#115FE4'], //散點顏色變換symbolSize: [10, 100] // 數據最小映射到 10，最大映射到 30}},series: [{name: '',type: 'effectScatter', // series圖表類型coordinateSystem: 'geo', // series坐標系類型symbolSize: function (val) {//設置散點大小return val[2] / (val[2] / 12)},data: [// {// name: '北京', // 數據項名稱，在這里指地區名稱// value: [ // 數據項值// 116.46, // 地理坐標，經度// 39.92, // 地理坐標，緯度// 340 // 北京地區的數值// ],// tooltip: {// show: true,// trigger: 'item', //數據項圖形觸發// backgroundColor: "#fff", //提示框浮層的背景顏色。// borderColor: 'rgba(0,0,0,0)',// formatter: function (params) {// //return 'Top1<br><br>{b}：' + params,// },// },// itemStyle: {// normal: {// color: '#11D163',// }// },// label: {// normal: {// show: true, //顯示省份標簽// position: 'right',// textStyle: {// color: "#E61870",//標簽字體顏色// },// formatter: '{b}'// },// },// rippleEffect: {//漣漪特效相關配置// brushType: 'stroke',//波紋的繪制方式，可選 'stroke' 和 'fill'// },// }, { name: '廣州', value: [113.28,23.12, 90] ,label: {normal: {show: false, //顯示省份標簽position: 'right',textStyle: {color: "#E61870",//標簽字體顏色},formatter: '{b}'},},},]}]};// 使用剛指定的配置項和數據顯示圖表。myEcharts.setOption(option);}
)
