const F2 = require('@antv/f2/lib/index-all');

const F2 = require('@antv/f2/lib/index'); // 建议统一从 lib 下引入
const PieLabel = require('@antv/f2/lib/plugin/pie-label'); // 引入 PieLabel 模块

// 方式一：全局注册
F2.Chart.plugins.register(PieLabel);

// 方式二：注册至具体的 chart 实例
const chart = new F2.Chart({
  id: 'canvas',
  plugins: PieLabel
});

chart.pieLabel({
  anchorOffset: {Number}, // 锚点的偏移量
  inflectionOffset: {Number}, // 拐点的偏移量
  sidePadding: {Number}, // 文本距离画布左右两边的距离
  lineHeight: {Number}, // 文本的最大行高
  adjustOffset: {Number}, // 发生调整时的偏移量
  skipOverlapLabels: {Boolean}, // 是否不展示重叠的文本
  lineStyle: {Object}, // 连接线的样式
  anchorStyle: {Object}, // 锚点的样式
  label1: {Function}, // label1 文本内容及其样式，Function 类型，回调函数
  label2: {Function}, // label2 文本内容及其样式，Function 类型，回调函数
  onClick: {Function}, // 点击行为，回调函数
  triggerOn: {String}, // 点击行为触发的事件类型
  activeShape: {Boolean}, // 当有图形被选中的时候，是否激活图形
  activeStyle: {Object}, // 设置激活图形的样式
  label1OffsetY: {Number}, // label1 与连接线在垂直方向的偏移量
  label2OffsetY: {Number}, // label2 与连接线在垂直方向的偏移量  
})

 | 设置被激活图形的显示样式。其中 `offset` 以及 `appendRadius` 参数的含义同 [pie-select api ](https://www.yuque.com/antv/f2/api-interaction#n3o1th)中的含义相同，分别代表光环的偏移距离以及光环的大小，其他属性为绘图属性即可。 |

### `label1`  && `label2` 回调
无论是 `label1` 还是 `label2` 的回调函数，都会为用户传递两个参数，如下：

```javascript
chart.pieLabel({
  label1(data, color ) {
    return {};
  }
});

// 假设数据结构为: { name: 'a', value: 100 }
chart.pieLabel({
  label1(data, color) {
    return {
      text: data.name, // 文本内容
      fill: color // 文本颜色
    };
  }
});

chart.pieLabel({
  onClick(ev) {}
});