改变配置 interaction 的方式

[pearmini]

改变配置 interaction 的方式

之前的 interaction 是通过一个数组去声明的：

// Spec 
G2.render({
  interactions: [
    { type: 'tooltip' },
    { type: 'elementHighlight' },
    { type: 'brush' },
  ],
});

// API
chart
  .interaction({ type: 'tooltip' })
  .interaction({ type: 'elementHighlight' })
  .interaction({ type: 'brush' });

但是如上声明会存在一些问题：

• 初次渲染，不方便声明关闭默认交互
• 更新图表，不方便声明移除交互

开始使用

希望通过通过一个 object 去声明交互，这种方式其实也是 G2 4.0 内部保存 interaction 的方式。

// Spec
G2.render({
  interaction: {
    tooltip: {},
    elementHighlight: {},
    brush: {},
  },
});

// API
chart
  .interaction('tooltip', {})
  .interaction('elementHighlight', {})
  .interaction('brush', {});

// 初次渲染，移除默认交互
G2.render({
  interaction: {
    tooltip: null,
  },
});

G2.render({
  interaction: {
    brush: {}, // 第一次渲染，开启 brush 交互
  },
});

// 更新图表, 移除交互
G2.render({
  interaction: {
    tooltip: null, // 第二次渲染，关闭 brush 交互
  },
});

设计思路

数组形式的 API 在以下场景会比较有用：

• 有严格的执行顺序
• 同一种交互可以多次出现

但是对于交互来说：

• 顺序不太重要，同时 Object.keys(obj) 的顺序可以保持。
• 不会同时存在两个交互。

所以没有必要使用数组，并且方便合并。

[pearmini]

API coordinate， transform，interaction 保持统一会更好。

[pearmini]

close: #4628