24、数据可视化：节点高亮、布局转换与和弦图构建

数据可视化：节点高亮、布局转换与和弦图构建

1. 节点高亮交互实现

在数据可视化中，为节点添加高亮交互可以增强用户对数据的理解。以下是实现节点高亮交互的步骤：
1. 定义高亮状态集合 ：创建三个集合来跟踪高亮状态，分别用于焦点节点、其链接以及链接节点。

var focusNodes = new aperture.Set('id');
var highlightedNodes = new aperture.Set('id');
var highlightedLinks = new aperture.Set('id');

2. 定义映射过滤器 ：对每个集合的成员应用映射过滤器，以改变其属性。

barLayer.map('fill').filter(focusNodes.constant('black'));
linkLayer.map('opacity').filter(highlightedLinks.constant(1.0));
labelLayer.map('font-weight').filter(focusNodes.constant('bold'));
labelLayer.map('font-outline').filter(focusNodes.constant('#F0EFE7'));