設(shè)置桑基圖節(jié)點(diǎn)的關(guān)系數(shù)據(jù)

2018-01-02 09:33 更新

我們使用 series[i]-sankey.links[i] 來(lái)表示?;鶊D節(jié)點(diǎn)間的關(guān)系數(shù)據(jù)。示例如下:

links: [{
    source: 'n1',
    target: 'n2'
}, {
    source: 'n2',
    target: 'n3'
}]

節(jié)點(diǎn)關(guān)系數(shù)據(jù)屬性

source

用于設(shè)置關(guān)系邊的源節(jié)點(diǎn)名稱

target

設(shè)置關(guān)系邊的目標(biāo)節(jié)點(diǎn)名稱

value

設(shè)置關(guān)系邊的數(shù)值,決定邊的寬度。

lineStyle

關(guān)系邊的線條樣式??梢酝ㄟ^(guò) normal 和 emphasis 兩種狀態(tài)進(jìn)行設(shè)置。再下文中我們將介紹如何通過(guò) normal 狀態(tài)來(lái)設(shè)置關(guān)系邊的線條樣式。

series[i]-sankey.links[i].lineStyle.normal.color 

設(shè)置?;鶊D關(guān)系邊的顏色,默認(rèn)顏色為'#314656'。

series[i]-sankey.links[i].lineStyle.normal.opacity 

[ default: 0.2 ]

?;鶊D邊的透明度,默認(rèn)透明度為 0.2。

series[i]-sankey.links[i].lineStyle.normal.curveness 

?;鶊D邊的曲度,默認(rèn)曲度為 0.5。

series[i]-sankey.links[i].lineStyle.normal.shadowBlur 

圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。

示例:

{
    shadowColor: 'rgba(0, 0, 0, 0.5)',
    shadowBlur: 10
}
series[i]-sankey.links[i].lineStyle.normal.shadowColor 

陰影顏色。支持的格式同 color。

series[i]-sankey.links[i].lineStyle.normal.shadowOffsetX

陰影水平方向上的偏移距離,默認(rèn)為 0。

series[i]-sankey.links[i].lineStyle.normal.shadowOffsetY

陰影垂直方向上的偏移距離。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)