Добавление центра текстовой метки со стрелкой в ​​javascript или vuejs кольцевой диаграммы

Question

это моя круговая диаграмма, но как я могу нарисовать треугольник и вращаться как нижнее изображение, пожалуйста, помогите мне.

как мы можем создать такую ​​круговую диаграмму, пожалуйста, помогите мне , как на диаграмме (неразрешенные и разрешенные значения) с этой центральной стрелкой. Как я мог достичь этого? Спасибо

это мой код

renderDoughnutChart(){
      this.renderChart(
        {
          labels: this.labels,
          datasets: [
            {
              backgroundColor: this.bgcolor,
              data: this.share_percentage,
              borderWidth: 0,
              borderColor: "#777"  
            }
          ],
          text: "100%"
        },
        { 
          calculable: true,
          borderWidth: 1,
          borderColor: "#777",
          legend: {
            data: this.labels+' '+this.share_percentage,
            borderRadius: 6,
            display: true,
            x: "center",
            y: "bottom",
            position: "left",      fontFamily: "Montserrat",
            fontSize: "16px",
            fontweight: 600,
            labels: {
              fontFamily: "Montserrat",
              fontweight: 600,
              boxWidth: 15,
              padding: 15,
              fontColor: "#3E4B8A"
            },
            onClick:this.handlelegend
          },
          fontColor: "#00B8EB",
          fontFamily: "Montserrat",
          fontSize: "16px",
          fontweight: 600,
          calculable: true,
          maintainAspectRatio: false,
          showDatapoints: true,
          tooltips: {
            enabled: true,
            trigger: "item",
            formatter: "{a} <br/>{b} : {c} ({d}%)"
          },
          pieceLabel: {
            render: "label",
            arc: true,
            fontColor: "#3E4B8A",
            position: "outside",
            fontFamily: "Montserrat",
            fontSize: "16px"
          },
          responsive: true,
          animation: {
            animateScale: true,
            animateRotate: true
          },  
          onHover: function(evt, item) { 
          }  
        }
      );
    },