配置项如下
option = {
series: {
type: 'sankey',
layout: '0',
data: [{
name: 'k4l',
itemStyle:{normal:{color:'rgb(255,0,0)'}}
}, {
name: 'k4s',
itemStyle:{normal:{color:'rgb(0,255,0)'}}
}, {
name: 'k4r',
itemStyle:{normal:{color:'rgb(0,0,255)'}}
}, {
name: 'k1l',
itemStyle:{normal:{color:'rgb(255,0,0)'}}
}, {
name: 'k1s',
itemStyle:{normal:{color:'rgb(0,255,0)'}}
}, {
name: 'k1r',
itemStyle:{normal:{color:'rgb(0,0,255)'}}
}, {
name: 'k5l',
itemStyle:{normal:{color:'rgb(255,0,0)'}}
}, {
name: 'k5s',
itemStyle:{normal:{color:'rgb(0,255,0)'}}
}, {
name: 'k5r',
itemStyle:{normal:{color:'rgb(0,0,255)'}}
}, {
name: 'k3l',
itemStyle:{normal:{color:'rgb(255,0,0)'}}
}, {
name: 'k3s',
itemStyle:{normal:{color:'rgb(0,255,0)'}}
}, {
name: 'k3r',
itemStyle:{normal:{color:'rgb(0,0,255)'}}
}, {
name: 'k4',
itemStyle:{normal:{color:'rgb(255,0,0)'}}
}, {
name: 'k1',
itemStyle:{normal:{color:'rgb(0,255,0)'}}
}, {
name: 'k2',
itemStyle:{normal:{color:{
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'hsl(1,100%,50%)' // 0% 处的颜色
}, {
offset: 1, color: 'hsl(240,100%,50%)' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
}}}
}, {
name: 'k5',
itemStyle:{normal:{color:'rgb(0,0,255)'}}
}],
links: [{
source: 'k4l',
target: 'k4',
value: 2.4,
}, {
source: 'k4s',
target: 'k4',
value: 7.9
}, {
source: 'k4r',
target: 'k4',
value: 4.7
}, {
source: 'k1l',
target: 'k1',
value: 11.6
}, {
source: 'k1s',
target: 'k1',
value: 15.7
}, {
source: 'k1r',
target: 'k1',
value: 13.8
}, {
source: 'k5l',
target: 'k5',
value: 6.6
}, {
source: 'k5s',
target: 'k5',
value: 6.7
}, {
source: 'k5r',
target: 'k5',
value: 12.6
}, {
source: 'k4',
target: 'k2',
value: 15
}, {
source: 'k1',
target: 'k2',
value: 41.1
}, {
source: 'k5',
target: 'k2',
value: 25.9
}, {
source: 'k2',
target: 'k3l',
value: 24
}, {
source: 'k2',
target: 'k3s',
value: 30
}, {
source: 'k2',
target: 'k3r',
value: 28
}],
itemStyle: {
normal: {
borderWidth: 1,
borderColor: '#aaa'
}
},
lineStyle: {
normal: {
color: 'source',
curveness: 0.5
}
},
layoutIterations:0,
color:['rgb(255,0,0)','rgb(0,255,0)','rgb(0,0,255)','rgb(0,0,255)']
}
};