antvis/G2

自定义图例设置后,图表上进行点击操作失效 #3182

wlpscx posted onGitHub

  • I have searched the issues of this repository and believe that this is not a duplicate.

https://g2.antv.vision/zh/examples/other/other#double-axes

Steps to reproduce

legend设置自定义,custom: true

Environment Info
g2 4.1.4
System window10
Browser chrome最新版

<!-- generated by antv-issue-helper. DO NOT REMOVE -->


chart.on('legend-item:click', (ev) => {
  const target = ev.target;
  const delegateObject = target.get('delegateObject');
  const item = delegateObject.item; // 图例选项
  // console.log(item, ev.view.geometries);
  console.log(item, ev);

  if (item.unchecked) {
    chart.filter(item.value, (value) => {
      console.log('value', value)
      return value !== item.id;
    })
    // console.log(chart.filterFieldData('London', data))
  } else {
    chart.filter('name', null)
  }
  chart.render();
})

代码如上,遇到问题:点击某个图例隐藏对应图表,当一个隐藏后单击另一个又会显示之前隐藏的。请教怎么解决

posted by bin-sun over 3 years ago
chart.on('legend-item:click', (ev) => {
  const target = ev.target;
  const delegateObject = target.get('delegateObject');
  const item = delegateObject.item; // 图例选项
  // console.log(item, ev.view.geometries);
  console.log(item, ev);

  if (item.unchecked) {
    chart.filter(item.value, (value) => {
      console.log('value', value)
      return value !== item.id;
    })
    // console.log(chart.filterFieldData('London', data))
  } else {
    chart.filter('name', null)
  }
  chart.render();
})

代码如上,遇到问题:点击某个图例隐藏对应图表,当一个隐藏后单击另一个又会显示之前隐藏的。请教怎么解决

以上代码在mac上可以,在windows上失效

posted by krmao about 2 years ago

Fund this Issue

$0.00
Funded

Pull requests