2021-8-13 前端達人
-
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
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.jjddy.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://m.jjddy.com