5.0版本没有legend-visible-filter事件了吗

[xyr550]

关闭图例不想让对应横坐标也消失，只让对应柱子隐藏，仍旧占位

[hustcc]

可以看看运行这个代码，是否是想要的想过，如果不是的话，贴一下你需要的效果吧！

/**
 * A recreation of this demo: https://observablehq.com/@d3/stacked-bar-chart
 */
import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .interval()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/bmw-prod/f129b517-158d-41a9-83a3-3294d639b39e.csv',
    format: 'csv',
  })
  .transform({ type: 'stackY' })
  .transform({ type: 'sortX', by: 'y', reverse: true })
  .encode('x', 'state')
  .encode('y', 'population')
  .encode('color', 'age')
  .state('inactive', { opacity: 0.3 }) // 👈🏻 这里
  .axis('x', {
    labelSpacing: 4,
    style: {
      labelTransform: 'rotate(90)',
    },
  })
  .axis('y', { labelFormatter: '~s' });

chart.interaction('legendHighlight', true);  // 👈🏻 这里

chart.render();

[xyr550]

例如这个图

官网点击图例效果，柱子和横坐标一起隐藏了

我们实际想要的效果，柱子隐藏，坐标不受影响（也就是4.0版本legend-visible-filter事件效果）

[hustcc]

上面我贴的那个代码就可以做到的，你把 opacity 设置为 0 就是透明的，就看不到了。