交互语法之组件高亮
3 月,跳不动了?>>> 交互语法之组件高亮 G2 从 4.0 开始,将所有的交互行为使用全新的交互语法实现,并且不再默认内置,需要用户显式调用 chart.interaction() 接口。为了帮助大家更好地理解、使用交互语法,我们将会推出交互语法专题。 本文介绍的是最常见的 通过组件高亮图形 (突出当前关联图形元素,其他图形元素变暗)中的一种。我们还可以通过鼠标高亮图形、框选高亮图形,这些都会将在后续章节向大家详细介绍。 交互语法概览 G2 的交互语法,是将交互拆解成多个环节,每个环节由触发和反馈组成。只要你能将交互用自然语言的方式描述出来,就可以使用 G2 的交互语法进行组合搭建出交互行为。在这里我们再一起温习下 G2 交互语法中对于交互环节的定义,更详细的内容可以阅读可视化交互语法[1]。 G2 将每一个交互环节拆解成以下步骤: showEnable 示能:表示交互可以进行; start 开始:交互开始; processing 持续:交互持续; end 结束:交互结束; rollback 回滚:取消交互,恢复到原始状态; 下面我们就开始 通过组件高亮图形 的交互语法组装吧,为了帮助大家理解, 每个交互行为我们都会以自然语言 + 交互语法的形式向大家阐述。交互实现过程 中我们会使用 G2 内置的 Action,Action 的定义和列表参考 G2 配置交互[2]。