nvd3のcumulativeLineChartのカスタムツールチップ

Question

私が累積線グラフ上の線にカーソルを合わせると、y時にツールチップメッセージのx値が表示されます。私はこのメッセージを編集し、より多くのコンテンツを追加したいと思います。

私の値配列では、{X：x、Y：y、Z：z、Dt：date}を含むjsonを持っているので、X/Y/Zを日付順に並べて表示します。

Answer 1

あなたはまだ適切な解決策を見つけていない場合は、ここであなたはこれを試す -

nv.addGraph(function() { 
    var chart = nv.models.cumulativeLineChart().x(function(d) { 
     return d[0] 
    }).y(function(d) { 
     return d[1] 
    }).color(d3.scale.category10().range()).tooltip(function(key, x, y, e, graph) { 
     return '<h3>' + key + ' Custom Text Here ' + x + '</h3> here' + '<p> or here ,' + y + '</p>' 
    }); 
}); 

はそれがお役に立てば幸いです。

Answer 2

私はnvd3 veraion 1.1.15bを使用しています。 Andreiは、上記の指摘するように書式設定することができますので、eパラメータが生の値へのアクセスを提供し

 var chart = nv.models.pieChart() 
      .x(function (d) { return d.file; }) 
      .y(function (d) { return d.size; }) 
      .tooltipContent(function (key, y, e, graph) { 
       return '<h3>' + key + '</h3>' + 
        '<p>' + e.value.toSizeFmt() + '</p>'; 
      }) 

：次のコードのよう.tooltip()を呼び出す

は、私のために働くが、.tooltipContent()を呼び出していたしませんでしたすでに書式設定されたテキストであるyで作業するのではなく、お役に立てれば！