16

グラフ自体に対してNVD3チャートの凡例を再配置する方法を知っている人はいますか?

デフォルトでは一番上にあり、横に配置したい(アプリ内のスペースをより有効に使用する)

私がやりたいことの例: ここに画像の説明を入力

4

6 に答える 6

14

この記事の執筆時点 (2015 年 7 月 2 日)では、 nvd3は凡例を円グラフの右側に配置することをサポートしています。

グラフを初期化するときは、 に設定legendPositionrightます。

例:

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を参照してください

于 2015-07-02T21:56:00.373 に答える
12

私の知る限り、これを行うオプションはありませんがg、凡例を含む要素を手動で選択して移動することができます。

d3.select(".nv-legendWrap")
  .attr("transform", "translate(100,100)");
于 2013-07-02T08:39:30.013 に答える