全棧工程師開發手冊 （作者：欒鵬）

Echarts資料視覺化地理座標系geo詳解：

mytextStyle={
    color:"#333",                //文字顏色
    fontStyle:"normal",         //italic斜體  oblique傾斜
    fontWeight:"normal",        //文字粗細bold   bolder   lighter  100 | 200 | 300 | 400...
    fontFamily:"sans-serif",    //字體系列
    fontSize:18,                 //字型大小
 

};
mylineStyle={
    color:"#333",               //顏色，'rgb(128, 128, 128)'，'rgba(128, 128, 128, 0.5)'，支援線性漸變，徑向漸變，紋理填充
    shadowColor:"red",          //陰影顏色
    shadowOffsetX:0,            //陰影水平方向上的偏移距離。
    shadowOffsetY:0,            //陰影垂直方向上的偏移距離
    shadowBlur:10,              //圖形陰影的模糊大小。
    type:"solid"
 
,               //座標軸線線的型別，solid，dashed，dotted
    width:1,                    //座標軸線線寬
    opacity:1,                  //圖形透明度。支援從 0 到 1 的數字，為 0 時不繪製該圖形
};
myareaStyle={
    color:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'],//分隔區域顏色。分隔區域會按陣列中顏色的順序依次迴圈設定顏色。預設是一個深淺的間隔色。
    shadowColor:"red",          //陰影顏色
    shadowOffsetX:0
 
,            //陰影水平方向上的偏移距離。
    shadowOffsetY:0,            //陰影垂直方向上的偏移距離
    shadowBlur:10,              //圖形陰影的模糊大小。
    opacity:1,                  //圖形透明度。支援從 0 到 1 的數字，為 0 時不繪製該圖形
};
myitemStyle={
    color:"red",                //顏色
    borderColor:"#000",        //邊框顏色
    borderWidth:0,              //柱條的描邊寬度，預設不描邊。
    borderType:"solid",         //柱條的描邊型別，預設為實線，支援 'dashed', 'dotted'。
    barBorderRadius:0,          //柱形邊框圓角半徑，單位px，支援傳入陣列分別指定柱形4個圓角半徑。
    shadowBlur:10,              //圖形陰影的模糊大小。
    shadowColor:"#000",         //陰影顏色
    shadowOffsetX:0,            //陰影水平方向上的偏移距離。
    shadowOffsetY:0,            //陰影垂直方向上的偏移距離。
    opacity:1,                  //圖形透明度。支援從 0 到 1 的數字，為 0 時不繪製該圖形。
};

geo=[{
    show:true,                                  //是否顯示
    map:"china",                                //地圖型別。world世界地圖，china中國地圖
    roam:false,                                 //是否開啟滑鼠縮放和平移漫遊。預設不開啟。如果只想要開啟縮放或者平移，可以設定成 'scale' 或者 'move'。設定成 true 為都開啟
    center:[115.97, 29.71],                     //當前視角的中心點，用經緯度表示
    aspectScale:0.75,                           //這個引數用於 scale 地圖的長寬比。
    boundingCoords: [[-180, 90], [180, -90]],  //二維陣列，定義定位的左上角以及右下角分別所對應的經緯度
    zoom:1,                                     //當前視角的縮放比例
    scaleLimit:{                                //所屬元件的z分層，z值小的圖形會被z值大的圖形覆蓋
        min:1,                                  //最小的縮放值
        max:1,                                  //最大的縮放值
    },
    nameMap:{                                   //自定義地區的名稱對映
        'China' : '中國'
    },
    selectedMode: false ,                      //選中模式，表示是否支援多個選中，預設關閉，支援布林值和字串，字串取值可選'single'表示單選，或者'multiple'表示多選。
    label:{                                     //圖形上的文字標籤，可用於說明圖形的一些資料資訊，比如值，名稱等
        normal:{
            show:false,                          //是否在普通狀態下顯示標籤。
            textStyle:mytextStyle,              //普通狀態下的標籤文字樣式。
        },
        emphasis:{
            show:false,                         //是否在高亮狀態下顯示標籤。
            textStyle:mytextStyle              //高亮狀態下的標籤文字樣式。
        }
    },
    itemStyle:{                                 //地圖區域的多邊形 圖形樣式
        normal:myitemStyle,
        emphasis:myitemStyle
    },
    zlevel:0,                                   //所屬圖形的 zlevel 值。
    z:2,                                        //所屬圖形的 z 值。
    left:"10%",                                 //元件離容器左側的距離,百分比字串或整型數字
    top:60,                                     //元件離容器上側的距離，百分比字串或整型數字
    right:"auto",                               //元件離容器右側的距離,百分比字串或整型數字
    bottom:"auto",                              //元件離容器下側的距離,百分比字串或整型數字
    layoutCenter:['30%', '30%'],                //地圖中心在螢幕中的位置
    layoutSize:100,                             //地圖的大小,支援相對於螢幕寬高的百分比或者絕對的畫素大小。
    regions:[{                                  //在地圖中對特定的區域配置樣式。
        name: '廣東',
        itemStyle: {
            normal: {
                areaColor: 'red',
                color: 'red'
            }
        }
    }],
    silent:false,                               //圖形是否不響應和觸發滑鼠事件，預設為 false，即響應和觸發滑鼠事件。

}];