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

Echarts資料視覺化legend圖例詳解：

legend={
    show:true,                                  //是否顯示
    zlevel:0,                                   //所屬圖形的Canvas分層，zlevel 大的 Canvas 會放在 zlevel 小的 Canvas 的上面
    z:2,                                         //所屬元件的z分層，z值小的圖形會被z值大的圖形覆蓋
    left:
 
"center",                              //元件離容器左側的距離,'left', 'center', 'right','20%'
    top:"top",                                   //元件離容器上側的距離,'top', 'middle', 'bottom','20%'
    right:"auto",                               //元件離容器右側的距離,'20%'
    bottom:"auto",                              //元件離容器下側的距離,'20%'
    width:
 
"auto",                               //圖例寬度
    height:"auto",                              //圖例高度
    orient:"horizontal",                        //圖例排列方向
    align:"auto",                               //圖例標記和文字的對齊,left,right
    padding:5,                                   //圖例內邊距，單位px  5  [5, 10]  [5,10,5,10
 
]
    itemGap:10,                                  //圖例每項之間的間隔
    itemWidth:25,                               //圖例標記的圖形寬度
    itemHeight:14,                              //圖例標記的圖形高度
    formatter:function (name) {                 //用來格式化圖例文字，支援字串模板和回撥函式兩種形式。模板變數為圖例名稱 {name}
        return 'Legend ' + name;
    },
    selectedMode:"single",                    //圖例選擇的模式,true開啟,false關閉,single單選,multiple多選
    inactiveColor:"#ccc",                     //圖例關閉時的顏色
    textStyle:mytextStyle,                    //文字樣式
    data:['類別1', '類別2', '類別3'],          //series中根據名稱區分
    backgroundColor:"transparent",            //標題背景色
    borderColor:"#ccc",                         //邊框顏色
    borderWidth:0,                               //邊框線寬
    shadowColor:"red",                          //陰影顏色
    shadowOffsetX:0,                            //陰影水平方向上的偏移距離
    shadowOffsetY:0,                            //陰影垂直方向上的偏移距離
    shadowBlur:10,                               //陰影的模糊大小
};