2016-08-16 4 views
0

angle-nvd3(例:http://krispo.github.io/angular-nvd3/#/scatterChart)を使用して散布図を作成しています。私は私の要件は、しかし、より基本的であるとnvd3によって生成されるデフォルトのツールチップに追加のフィールド(nullでない場合)のカップルを追加する angular-nvd3のツールチップにフィールドを追加

tooltip: { 
    contentGenerator: function(d) { return '<h3>HELLO WORLD</h3>'; } 
} 

以下の機能を使用してカスタムツールチップを作成することができます。

グラフのデータオブジェクトのtextvalueプロパティをデフォルトのnvd3ツールチップにマップすることはできますか?

{ 
x: 1460199045.987, 
y: 0, 
textvalue: "117 test comment" 
}, 

答えて

0

Iは、(HTMLテーブルを作成する)nvd3ソースコードからcontentGenerator機能をコピーした後、私の要件に応じてそれを修正することによって達成しました。最もクリーンなソリューションではありませんが、機能します。

https://github.com/novus/nvd3/blob/master/src/tooltip.js

関連する問題