Angular-nvD3 Добавить заголовок в кольцевую диаграмму

Мне трудно заставить заголовок отображаться для кольцевой диаграммы. Вот планкр, который у меня есть: http://plnkr.co/edit/nJBpvU3YFAGaoc5BTXi7?p=preview< /а>. Вот какие варианты я поставил:

$scope.options = {
        chart: {
            type: 'pieChart',
            height: 450,
            donut: true,
            x: function(d){return d.key;},
            y: function(d){return d.y;},
            showLabels: true,


            pie: {
                startAngle: function(d) { return d.startAngle/2 -Math.PI/2 },
                endAngle: function(d) { return d.endAngle/2 -Math.PI/2 }
            },
            transitionDuration: 500,
            legend: {
                margin: {
                    top: 5,
                    right: 70,
                    bottom: 5,
                    left: 0
                }
            },
            title: "Hello"
        },
        title: {
          text: "Hello"
        }
    };

Я пытался добавить заголовок «Привет» в двух разных местах, но он не отображается. Может ли кто-нибудь увидеть, что я делаю неправильно?


javascript angularjs angular-nvd3
person Jane    schedule 20.08.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Оказалось, мне нужно было установить расширенную конфигурацию, чтобы установить заголовок в контроллере.

$scope.config = {
    extended: true
};

Мне также нужно было установить конфиг в html:

<nvd3 options="options" data="data" config="config"></nvd3>

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

title: {
    enable: true,
    text: "TEST",
    css: {
        position: 'relative',
        left: '0px',
        top: '200px'
    }
}

Вот отредактированный планкр: http://plnkr.co/edit/td4AIZUQV9wrLEHp8zlo?p=preview

person Jane    schedule 21.08.2015
comment
extended НЕ требуется, и вообще нет необходимости использовать config. просто: ‹nvd3 options=параметры data=data›‹/nvd3› - person krispo; 04.11.2015