tooltip - nvd3-angularjs でツールチップ コンテンツをフォーマットする方法

Question

nvd3-angularjs の積み上げ面グラフを使用しています

これは私のhtmlです

<div ng-controller="Eth2GraphController">

    <nvd3-stacked-area-chart
    data="GraphData"
    noData="No Data For You!"
    id="eth2Graphs"
    showXAxis="true"
    showYAxis="true"
    showLegend="true"
    interactive="true"
    tooltips="true"
    objectEquality="true"
    margin="{left:100,right:100}"
    useInteractiveGuideline="true"
    tooltipcontent="toolTipContentFunction()"
    xAxisTickFormat="xAxisTickFormatFunction()"
    yAxisTickFormat="yAxisTickFormatFunction()"
    color="colorFunction()"
    legendColor="colorFunction()"
    >
        <svg></svg>
    </nvd3-stacked-area-chart>
</div>

今、ツールチップコンテンツをフォーマットする関数がありますが、機能していません。useInteractiveGuideline 属性と関係があるのか​​もしれません。同じ tooltipcontent 関数を使用して、他のチャートのツールチップを編集しました。これらのチャートでの作業の唯一の違いは、それらのチャートが useInteractiveGuideline を使用しないことです。

$scope.toolTipContentFunction = function() {
    return function(key, x, y, e, graph) {

        return        '<h3>' + x + '</h3>' + 
                 '<p>' + key + ' ' + y + '</p>';

    }
};

x を中央に配置し、データのその他の書式を設定します。どうすればいいですか？ツールチップをフォーマットする正しい属性を使用していますか?