donut-chart - 增加圆环图的内半径以及如何在圆环图中写入

Question

我正在尝试增加圆环图的内半径，并且还能够在圆环图内写入。

   $scope.donut = new RGraph.Pie('myDonut', $scope.donutData)


        .Set('linewidth', 5)
        .Set('strokestyle', 'white')

        .Set('tooltips.event', 'onmousemove')
        .Set('tooltips.effect', 'none')*/
        .Set('colors', $scope.colors)
        .Set('events.click', donutClick)
        .Set('gutter.top', 60)
        .Set('exploded', [])

        .Set('variant', 'donut')

        .Draw();

Answer 1

您可以设置半径和 variant.donut.width 属性:

obj.Set('radius', 250)
obj.Set('variant', 'donut')
obj.Set('variant.donut.width', 50)

并且有一个演示(称为 demos/donut-in-donut.html)演示了 RGraph 下载文件中的半径设置，您可以在此处获取:
https://www.rgraph.net/download.html#stable
要在环内书写，您可以使用绘图 API 文本对象。 X/Y 坐标是:

obj.ondraw = function (obj)
{
    var x = obj.centerx
    var y = obj.centery
}