1. 程式人生 > >echarts分割線變虛線

echarts分割線變虛線

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'
                }
            }
        },