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
}