увеличение внутреннего радиуса кольцевой диаграммы и как писать внутри кольцевой диаграммы

Я пытаюсь увеличить внутренний радиус кольцевой диаграммы, а также иметь возможность писать внутри кольцевой диаграммы.

   $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();

donut-chart rgraph
person Danish    schedule 21.02.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете установить радиус и свойства 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
}
person Richard    schedule 21.02.2014