javascript - 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 Docs