javascript - angular-nvd3 ツールチップにフィールドを追加します

Question

angular-nvd3 を使用して散布図を作成しています (例: http://krispo.github.io/angular-nvd3/#/scatterChart )。以下の関数を使用してカスタムツールチップを作成できます

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

ただし、私の要件はより基本的であり、nvd3 によって生成されるデフォルトのツールチップにいくつかの追加フィールド (null でない場合) を追加することです。

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

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

score 0 · Accepted Answer

nvd3 ソースコード (html テーブルを作成する) から contentGenerator 関数をコピーし、必要に応じて変更することで実現しました。最もクリーンなソリューションではありませんが、機能します。

1 に答える 1