echarts 饼状图指示线末尾添加圆点

ui在设计稿上给echarts的饼状图的指示线末尾加上了圆点，产品要求要100%还原，在这种情况下，我们就需要去利用echarts提供的api去实现这个效果。

问题：管访API或者示例上并没有这个效果。

解决办法：利用label配置项，格式化配置项之后，利用rich富文本去做处理。

网上也看到别人有能实现这个效果的，方案大概有两种方案：1 利用背景图片， 即利用rich设置background，或者利用 label格式化通过富文本实现， 2 利用同一个数据，两层配置叠加实现(1 第一层显示label文本 第二层显示小圆点)。
从上面时间方案来看，还是第一种比较方便。但是实际使用过程中还是问题比较多，也有很多事以讹传讹。今天这里我就把详细配置方法说下来。

格式化label

const customLabelFormatter = (params) => {
   
      return `{dot|}\n{a|${
     params.percent}}{b|%}\n{c|${
     params.name}}`;
    }