yAxis.splitLine Object 
            

        

    

    


        


            


            

        

        


            

                坐標軸在 grid 區域中的分隔線。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.show boolean 
            

        

    

    


        


            


            

        

        


            

                [ default: true ]
            

        

    

    


        


            


            

        

        


            

                是否顯示分隔線。默認數值軸顯示，類目軸不顯示。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.interval number, Function 
            

        

    

    


        


            


            

        

        


            

                [ default: 'auto' ]
            

        

    

    


        


            


            

        

        


            

                坐標軸分隔線的顯示間隔，在類目軸中有效。默認同 axisLabel.interval 一樣。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                默認會采用標簽不重疊的策略間隔顯示標簽。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                可以設置成 0 強制顯示所有標簽。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                如果設置為 1，表示『隔一個標簽顯示一個標簽』，如果值為 2，表示隔兩個標簽顯示一個標簽，以此類推。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                可以用數值表示間隔的數據，也可以通過回調函數控制。回調函數格式如下：
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                (index:number, value: string) => boolean 
            

        

    

    


        


            


            

        

        


            

                第一個參數是類目的 index，第二個值是類目名稱，如果跳過則返回 false。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.lineStyle Object 
            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.lineStyle.color Array, string 
            

        

    

    


        


            


            

        

        


            

                [ default: ['#ccc'] ]
            

        

    

    


        


            


            

        

        


            

                分隔線顏色，可以設置成單個顏色。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                也可以設置成顏色數組，分隔線會按數組中顏色的順序依次循環設置顏色。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                示例
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                splitLine: {
            

        

    

    


        


            


            

        

        


            

                lineStyle: {
            

        

    

    


        


            


            

        

        


            

                // 使用深淺的間隔色 
            

        

    

    


        


            


            

        

        


            

                color: ['#aaa', '#ddd']
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.lineStyle.width number 
            

        

    

    


        


            


            

        

        


            

                [ default: 1 ]
            

        

    

    


        


            


            

        

        


            

                分隔線線寬。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                yAxis.splitLine.lineStyle.type string 
            

        

    

    


        


            


            

        

        


            

                [ default: 'solid' ]
            

        

    

    


        


            


            

        

        


            

                分隔線線的類型。
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                可選：
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                'solid' 
            

        

    

    


        


            


            

        

        


            

                'dashed' 
            

        

    

    


        


            


            

        

        


            

                'dotted' 
            

        

    

 


    


        


            


            

        

        


            

                yAxis: {
            

        

    

    


        


            


            

        

        


            

                splitLine: {
            

        

    

    


        


            


            

        

        


            

                show: true,
            

        

    

    


        


            


            

        

        


            

                lineStyle:{
            

        

    

    


        


            


            

        

        


            

                type:'dashed' 
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                },
            

        

    




      

1

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.lzhte.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務