为了让你开始，我能够得到一个半甜甜圈，或者我如何称呼它，速度表图，使用以下选项配置：

var chart = new Chart(canvas, {
  type: 'doughnut',
  data: ['400', '200'],
  options: {
    rotation: -90,
    circumference: 180,
  }
}

chartjs版本3.5.1

原始答案：
我不确定是否有一个快速而简单的解决方案。
也许你可以直接在现有的饼图上创建第二个饼图，并使该饼图只有几个像素的周长，但旋转了X %，在这种情况下，89%。需要一些数学来计算出89%的半个圆在哪里。这不会像上面的图片那样给予你一个漂亮的圆圈标记。它会给予你一个小的彩色部分，圆圈标记应该和一些css的帮助下，这第二个饼图部分可以四舍五入，看起来像你想要的。
第二个饼图可能看起来像这样。。

var ctx2 = document.getElementById("dashboardChart2");
    var dashboardChart2 = new Chart(ctx2, {
        type: 'doughnut',
        data: {
            labels: ["Purple"],
            datasets: [{
                label: '# of Votes',
                data: [5],
                backgroundColor: [
                   'rgba(159, 90, 253, 1)'
                ],
                borderColor: [
                    'rgba(255, 255, 255 ,1)',
                ],
                borderWidth: 2
            }]

        },
        options: {
            rotation: 1 * Math.PI,/** This is where you need to work out where 89% is */
            circumference: 1 * Math.PI,/** put in a much smaller amount  so it does not take up an entire semi circle */
            legend: {
                display: false
            },
            tooltip: {
                enabled: false
            },
            cutoutPercentage: 95
        }
    });

至于大的89%，可能会涉及css。定位文本直接'前面'的饼图（涉及的东西，如z索引和位置绝对）
新答案：
也许你可以直接在现有的圆环图上创建一个圆环图，并让圆环图的第一个和第三个“条形图”的不透明度为0，这样它们就看不见了。如果第一个条形图的值为88.5，第二个条形图的值为1，第三个条形图的值为10.5，你就可以有效地将第二个条形图的不透明度设置为89%，宽度为1%（88.5 + 1 + 10.5 = 100）。

datasets: [{
   data: [88.5, 1,10.5],// how much space each bar should take 
   backgroundColor: [
      "rgba(0,0,0,0)", // bar 1: opacity 0
      "rgba(255,255,255,1)", // bar 2 is white
      "rgba(0,0,0,0)", // bar 3: opacity 0
   ],
   borderColor: [
      'rgba(0, 0, 0 ,0)',// bar 1 border opacity 0
      'rgba(46, 204, 113, 1)',// bar 2 border is green
      'rgba(0, 0, 0 ,0)'// bar 3 border opacity 0
   ],
   borderWidth: 3
}]

至于大的89%，可能会涉及css。定位文本直接'前面'的饼图

.percent {
 position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 80px;
    bottom: 0;
}

在尝试了一把小提琴之后，我得到了这个...

示例如下：

https://jsfiddle.net/rjtsbeLc/3/
请注意，使用相对和绝对定位，我将第二个圆环图放置在现有圆环图的顶部，百分比文本位于它们顶部的中心底部。

.outer {
  position: relative;
  width: 600px;
  height: 400px;
}
canvas {
  position: absolute;
}

这不是你正在寻找的“圆”是矩形的，但我遇到了这个，它可能会帮助你解决如何将矩形四舍五入成一个圆…
Chart.js圆边甜甜圈https://stackoverflow.com/a/36964890/5178301