从nvd3饼图中删除图例

时间:2015-06-22 19:03:55

标签: javascript d3.js pie-chart nvd3.js

我正致力于使用nvd3创建饼图。我成功地获得了饼图,但是当切片数量增加时,传说往往占用大量空间并且馅饼缩小。我决定彻底删除传说。

我试过像

这样的事情
d3.select(".nv-legendWrap")
  .remove(); 

这隐藏了传说,但空间仍然是空白。我希望馅饼调整大小并占据整个空间。我该怎么办?

饼图看起来像http://i.stack.imgur.com/jkIsG.png

我希望删除红色块中指定的图例并重新调整饼图以填充空格。

1 个答案:

答案 0 :(得分:4)

如何在创建图表时隐藏图例:

    nv.addGraph(function() {
        var chart = nv.models.lineChart().margin({left: 100})
      .useInteractiveGuideline(true)
      .transitionDuration(350)
      .showLegend(false)    // <-----Show the legend
      .showYAxis(true)
      .showXAxis(true);