option = {
tooltip: {
show: true,
trigger: 'item',
formatter: function (params) {
if (params.dataType === 'edge') {
// 如果是边(连接线),显示权值
return 'Link: ' + params.value;
} else {
// 如果是节点,显示节点名称
return 'Node: ' + params.name;
}
}
},
series: [
{
type: 'sankey',
layout: 'none',
emphasis: {
focus: 'adjacency'
},
data: [
{ name: 'NodeA' },
{ name: 'NodeB' },
{ name: 'NodeC' },
{ name: 'NodeD' }
],
links: [
{ source: 'NodeA', target: 'NodeB', value: 10 },
{ source: 'NodeA', target: 'NodeC', value: 15 },
{ source: 'NodeB', target: 'NodeD', value: 20 },
{ source: 'NodeC', target: 'NodeD', value: 25 }
]
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在这个例子中,通过在 tooltip 的 formatter 函数中判断 params.dataType 的值,可以确定当前是节点还是边。如果是边(连接线),则显示连接线的权值;如果是节点,则显示节点的名称。
这样,你就可以根据实际需要定制桑基图的提示框内容。
转载请注明出处:http://www.pingtaimeng.com/article/detail/5442/ECharts