Javascript 使用谷歌图表库创建三个四分之一的甜甜圈图表

我正在尝试使用google图表库制作一个如下所示的甜甜圈图表：

我找到了一篇可以制作半个甜甜圈的文章，但在我的图片中找不到创建这个甜甜圈的代码。 有人能帮忙吗？

读这里 它只是说甜甜圈图只是饼图，其值介于0和1之间。为了去掉一些切片，它说

若要省略切片，请将颜色更改为“透明”：

与空数据字段一起使用和；

google.charts.load（'visualization'，'1.1'，'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
const data=google.visualization.arrayToDataTable([
[‘技能’、‘技能水平’]，
[React'，6]，
[HTML'，4]，
[PHP'，2]，
[零,12]
]);
新的google.visualization.PieChart（document.getElementById（'chart\u div'））。
绘制（数据、{
标题：“我的技能”，
切片：{
3: {
颜色：“透明”
}
},
pieHole:0.5，
宽度：600，
身高：600，
文本：“值”，
皮斯塔坦格尔：270，
});
};

我想，你的标签应该是
谷歌图表
而不是
谷歌聊天
谢谢你的关注。
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Pac Man', 'Percentage'],
          ['', 75],
          ['', 25]
        ]);

        var options = {
         legend: 'none',
          pieSliceText: 'none',
          pieHole: 0.4,
          pieStartAngle: 0,
          pieEndAngle: 180,
          tooltip: { trigger: 'none' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'transparent' }
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('donut_single'));
        chart.draw(data, options);
      }