javascript - 如何制作带有标签（数据名称）的半圆形甜甜圈/饼图

Question

这就是我想要做的。

如果您查看当前的屏幕截图，我正在尝试将其从完整的圆环饼图从完整的圆圈变为一半。

这是我当前用于饼图的 Google 图表代码：

            google.charts.load("current", {packages:["corechart"]});
            google.charts.setOnLoadCallback(drawChart);

            function drawChart() {
                var data = google.visualization.arrayToDataTable([
                    ['Task', 'Hours per Day'],
                    ['Work',     90],
                    ['Eat',      39]

                ]);

                var options = {
                    backgroundColor: "transparent",
                    title: 'My Daily Activities',
                    pieHole: 0.4


                };

                var chart = new google.visualization.PieChart(document.getElementById('piechart'));

                chart.draw(data, options);
            }

我怎样才能使它成为一个带有标签的半圆形图表？

标签： javascriptreact-google-charts