javascript - 从 nvd3 饼图中删除图例

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

我正在使用 nvd3 创建饼图。我成功地获得了饼图,但是当切片数量增加时,图例往往会占用大量空间,并且饼图会缩小。我决定完全删除图例。

我尝试过类似的事情

d3.select(".nv-legendWrap")
  .remove(); 

这会隐藏图例,使其不可见,但空间仍为空白。我希望馅饼调整大小并占据整个空间。我该怎么做??

饼图看起来像这样 /image/jkIsG.png

我希望删除红色 block 中指定的图例,并重新调整饼图大小以填充空间。

最佳答案

在创建图表时隐藏图例怎么样:

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

关于javascript - 从 nvd3 饼图中删除图例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30987817/

相关文章:

c# - MS Chart 控件 - 饼图透明度

android - 饼图中心 - Android

javascript - 如何在执行函数之前等待 iframe 加载?

javascript - Angular : increase counter on long press

javascript - 在 d3.js sunburst 中选择同名的段

typescript - typescript 中连续数字 d3.scaleLinear() 比例尺的类型是什么

javascript - D3 堆栈流图不弯曲

Pandas 饼图图删除楔形上的标签文本

javascript - 检查密码后重定向页面

javascript - 在javascript警报中显示键值数组