如何消除and甜甜圈图悬停及选择效果

Question

在@ant-设计/情节中的甜甜圈图中，

1. 在甜甜圈图的各个部分周围有一个黑色的边框，当它徘徊时。
2. ，当选择的时候，单个区域被从中心移开。

。

如何制止/控制这些行为？

​

​

const config = {
    appendPadding: 10,
    data,
    angleField: 'value',
    colorField: 'type',
    radius: 1,
    innerRadius: 0.6,
    label: {
      type: 'inner',
      offset: '-50%',
      content: '{value}',
      style: {
        textAlign: 'center',
        fontSize: 14,
      },
    },
    interactions: [
      {
        type: 'element-selected',
      },
      {
        type: 'element-active',
      },
    ],
    statistic: {
      title: false,
      content: {
        style: {
          whiteSpace: 'pre-wrap',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
        },
        content: 'AntV\nG2Plot',
      },
    },
  };

Answer 1

处理配置中的交互

1. 在甜甜圈图的各个部分周围有一个黑色的边框。--

删除对象type:'element-active'

注意:删除是通过在下面的代码中注释掉来传达的。

 interactions: [
      ...
      // {
      //  type: 'element-active',
      // },
    ]

1. 当选择.

时，单个区段被从中心翻译出来。

删除对象type: 'element-selected'

注意:删除是通过在下面的代码中注释掉来传达的。

 interactions: [
      ...
      // {
      //  type: 'element-selected',
      // },
    ]

要实现这两个目标，您可以简单地从config对象中删除interactions。