新聞中心
singleAxis.splitLine | Object
singleAxis 組件在 grid 區(qū)域中的分隔線。

成都網(wǎng)站設計、成都網(wǎng)站制作的開發(fā),更需要了解用戶,從用戶角度來建設網(wǎng)站,獲得較好的用戶體驗。創(chuàng)新互聯(lián)公司多年互聯(lián)網(wǎng)經(jīng)驗,見的多,溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡公司,打造的就是網(wǎng)站建設產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián)公司,不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來訪用戶感受到浩方產(chǎn)品的價值服務。
singleAxis.splitLine.show | boolean
[ default: true ]
是否顯示 singleAxis 組件分隔線。默認數(shù)值軸顯示,類目軸不顯示。
singleAxis.splitLine.interval | number, Function
[ default: 'auto' ]
singleAxis 組件分隔線的顯示間隔,在類目軸中有效。默認同 axisLabel.interval 一樣。
默認會采用標簽不重疊的策略間隔顯示標簽。
可以設置成 0 強制顯示所有標簽。
如果設置為 1,表示『隔一個標簽顯示一個標簽』,如果值為 2,表示隔兩個標簽顯示一個標簽,以此類推。
可以用數(shù)值表示間隔的數(shù)據(jù),也可以通過回調(diào)函數(shù)控制。回調(diào)函數(shù)格式如下:
(index:number, value: string) => boolean第一個參數(shù)是類目的 index,第二個值是類目名稱,如果跳過則返回 false。
singleAxis.splitLine.lineStyle | Object
singleAxis 組件中分隔線的線條樣式設置。
singleAxis.splitLine.lineStyle.color | Array, string
[ default: ['#ccc'] ]
分隔線顏色,可以設置成單個顏色。
也可以設置成顏色數(shù)組,分隔線會按數(shù)組中顏色的順序依次循環(huán)設置顏色。
示例
splitLine: {
lineStyle: {
// 使用深淺的間隔色
color: ['#aaa', '#ddd']
}
}singleAxis.splitLine.lineStyle.width | number
[ default: 1 ]
分隔線線寬。
singleAxis.splitLine.lineStyle.type | string
[ default: 'solid' ]
分隔線線的類型。
可選:
- 'solid'
- 'dashed'
- 'dotted'
singleAxis.splitLine.lineStyle.shadowBlur | number
圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設置圖形的陰影效果。
示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}singleAxis.splitLine.lineStyle.shadowColor | Color
陰影顏色。支持的格式同color。
singleAxis.splitLine.lineStyle.shadowOffsetX | number
[ default: 0 ]
陰影水平方向上的偏移距離。
singleAxis.splitLine.lineStyle.shadowOffsetY | number
[ default: 0 ]
陰影垂直方向上的偏移距離。
singleAxis.splitLine.lineStyle.opacity | number
圖形透明度。
支持從 0 到 1 的數(shù)字,為 0 時不繪制該圖形。 本文題目:創(chuàng)新互聯(lián)ECharts教程:singleAxis組件如何使用分隔線
當前網(wǎng)址:http://www.fisionsoft.com.cn/article/dpcdecj.html


咨詢
建站咨詢
