Angular nvd3甜甜圈图-如何添加静态或动态标题？ -

Question

我正在使用角度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;
                };
            }

        }

Answer 1

您可以在下面简单地使用：

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

请参阅以下链接： NVD3文档