グラフ自体に対してNVD3チャートの凡例を再配置する方法を知っている人はいますか?
デフォルトでは一番上にあり、横に配置したい(アプリ内のスペースをより有効に使用する)
私がやりたいことの例:
この記事の執筆時点 (2015 年 7 月 2 日)では、 nvd3は凡例を円グラフの右側に配置することをサポートしています。
グラフを初期化するときは、 に設定legendPosition
しright
ます。
例:
nv.addGraph(function() {
var chart = nv.models.pieChart()
.x(function(d) { return d.label })
.y(function(d) { return d.value })
.legendPosition("right");
svg.datum(piedata).call(chart);
return chart;
});
http://nvd3-community.github.io/nvd3/examples/documentation.html#pieChartを参照してください
私の知る限り、これを行うオプションはありませんがg
、凡例を含む要素を手動で選択して移動することができます。
d3.select(".nv-legendWrap")
.attr("transform", "translate(100,100)");