## PieChartWithFilter

Demo:

```tsx
import React from 'react';
import { PieChartWithFilter } from 'bf-polaris-chart';
const config = {
  data: [
    {
      value: 10826,
      filter: '1072-0',
      filterName: '活跃',
      type: 'A',
      time: '2020-10-21',
      percent: false,
    },
    {
      value: 86,
      filter: '1072-0',
      filterName: '活跃',
      type: 'B',
      time: '2020-10-21',
      percent: false,
    },
    {
      value: 315,
      filter: '1080-1',
      filterName: 'DAU',
      type: 'A',
      time: '2020-10-21',
      percent: false,
    },
    {
      value: 0,
      filter: '1080-1',
      filterName: 'DAU',
      type: 'B',
      time: '2020-10-21',
      percent: false,
    },
  ],
  appendPadding: 10,
  angleField: 'value',
  colorField: 'type',
  radius: 0.8,
  label: { type: 'outer', content: '{name} {percentage}' },
  legend: { position: 'bottom' },
  interactions: [{ type: 'pie-legend-active' }],
};
export default () => {
  return <PieChartWithFilter {...config} />;
};
```