antvis/G2

饼图手机端选中样式不切换 #3512

cinob posted onGitHub

image 如图官网demo,先点击事例1,再点击事例2 , 选中的样式还在事例1上


你使用的地址可以发一下吗?感觉不是官方网站啊~

posted by hustcc over 3 years ago
posted by cinob over 3 years ago

参考:https://github.com/antvis/G2Plot/issues/2904 原因:element-active 交互的触发时机为 element:mouseenter 以及 element:mouseleave. 在移动端没有 mouse 事件,所以需要复写修改触发时机

chart.interaction('element-active', {
  start: [{ trigger: 'element:click', action: 'element-active:active' },],
  end: [{
    trigger: 'element:click', isEnable: (context) => {
      const activeElement = context.event?.gEvent?.target?.get('element');
      const elements = context.view.geometries[0].elements;
      console.info('elements', elements.map(e => e.getStates()))
      elements.forEach(element => {
        if (element !== activeElement) {
          element.setState('active', false);
        }

      });
    }, action: 'element-active:reset'
  }],
});
posted by visiky over 3 years ago

@visiky 来 PR 吧~

posted by hustcc over 3 years ago

@visiky 来 PR 吧~

PR demo?

posted by visiky over 3 years ago

Fund this Issue

$0.00
Funded

Pull requests