在 ECharts 中,你可以通过配置 tooltip 来设置特定于桑基图的提示框浮层。以下是一个简单的例子,演示如何为桑基图配置提示框浮层:
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