Echarts數據可視化legend圖例屬性設置


//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,                               //陰影的模糊大小
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM