sankeyData: {
title: {
text: 'bbb', //报表名称
left:'center',
textStyle:{
color:'#363d4b',
fontSize:'14',
},
},
tooltip: {
trigger: 'item',
triggerOn: 'mousemove',
backgroundColor: 'rgba(43,57,75,0.8)',
borderColor: 'rgba(43,57,75,0.8)',
textStyle: {
color: '#fff',
fontSize: 13,
}
}, //提示框样式
series: {
type: 'sankey', //echarts类型:桑基图
nodeWidth: 8, //柱子的宽度
emphasis: {
focus: 'adjacency',
itemStyle: {
opacity: 0.1
},
lineStyle: {
opacity: 0.1
}
}, //高亮样式
layout: 'none',
label: {
color: '#626262',
fontSize: 12
}, //文本样式
data: [
{
name: 'a',
itemStyle: {
color: '#2171C8',
borderColor: '#2171C8'
}
},
{
name: 'a1',
itemStyle: {
color: '#2171C8',
borderColor: '#2171C8'
}
},
{
name: 'b',
itemStyle: {
color: '#5DD2A6',
borderColor: '#5DD2A6'
}
},
{
name: 'b1',
itemStyle: {
color: '#5DD2A6',
borderColor: '#5DD2A6'
}
},
{
name: 'c',
itemStyle: {
color: '#4066F5',
borderColor: '#4066F5'
}
},
{
name: 'c1',
itemStyle: {
color: '#4066F5',
borderColor: '#4066F5'
}
},
{
name: 'd',
itemStyle: {
color: '#57A3F9',
borderColor: '#57A3F9'
}
}
], //桑基图节点数据列表
links: [
{
source: 'a',
target: 'a1',
value: 0.5
},
{
source: 'b',
target: 'b1',
value: 3
},
{
source: 'c',
target: 'b1',
value: 3
},
{
source: 'c',
target: 'c1',
value: 3
},
{
source: 'd',
target: 'c1',
value: 3
}
], //节点间的边
lineStyle: {
color: 'source',
opacity: 0.07,
curveness: 0.5
} //桑基图边的样式
}
},
echarts-桑基图图例
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 以echarts的柱状图作为示例,图例可以设置点击,控制对应的柱子显示隐藏,那么问题来了,如果所有的柱子都可以点击...
- var selectArr = option.legend.data;myChart.on('legendsele...