2015-06-12 4 views
1

Я использую угловую диаграмму nvd3-pie. Любая идея или предложение, как добавить статический или динамический заголовок в центре диаграммы пончиков?Угловая диаграмма пончика nvd3 - как добавить статический или динамический заголовок? -

Вот кодовый блок.

<nvd3-pie-chart 
    data="exampleData" id="exampleId" showLabels="true" x="xFunction()" y="yFunction()" donut="true" donutRatio=".5" donutLabelsOutside="true"> 

</nvd3-pie-chart> 

function ExampleCtrl($scope){ 
      $scope.exampleData = [ 
       { 
        key: "One", 
        y: 5 
       }, 
       { 
        key: "Two", 
        y: 2 
       } 
      ]; 

      $scope.xFunction = function(){ 
       return function(d) { 
        return d.key; 
       }; 
      } 
      $scope.yFunction = function(){ 
       return function(d) { 
        return d.y; 
       }; 
      } 

     } 
+0

Попробуйте приготовить plunker или скрипку, вы можете получить ответ раньше :) – ma2s

ответ

1

Вы можете просто использовать ниже:

title: { 
enable: true, 
text: 'Chart Title' 
} 

См ссылке ниже: NVD3 Docs

+0

Спасибо Ritesh для вашего Помогите. – arun