G2

x 方向框选筛选元素。

开始使用

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
});

chart
  .point()
  .data({
    type: 'fetch',
    value: 'data/penguins.csv',
  })
  .encode('x', 'culmen_length_mm')
  .encode('y', 'culmen_depth_mm')
  .encode('color', 'species')
  .state('inactive', { stroke: 'gray' });

chart.interaction('brushXFilter', true);

chart.render();

选项

属性	描述	类型	默认值
reverse	brush 是否反转	`boolean`	false
`mask${StyleAttrs}`	brush 的样式	`number \| string`	-