D3.js nvd3删除流选项

D3.js nvd3删除流选项,d3.js,visualization,data-visualization,nvd3.js,D3.js,Visualization,Data Visualization,Nvd3.js,我正在使用NVD3中的堆叠面积图。默认情况下,它具有控制选项“堆叠、流和展开”(请参见此相关但不相同问题中的图表:) 我只希望显示“堆叠”和“扩展”两个选项。如何实现这一点?没有选项仅禁用此功能,但您可以在绘制图形后删除控件: d3.selectAll("g.nv-series") .filter(function() { return d3.select(this).select("text").text() == "Stream"; }) .remove(); 这将在控

我正在使用NVD3中的堆叠面积图。默认情况下,它具有控制选项“堆叠、流和展开”(请参见此相关但不相同问题中的图表:)


我只希望显示“堆叠”和“扩展”两个选项。如何实现这一点?

没有选项仅禁用此功能,但您可以在绘制图形后删除控件:

d3.selectAll("g.nv-series")
  .filter(function() {
    return d3.select(this).select("text").text() == "Stream";
  })
  .remove();

这将在控件原来所在的位置留下一个间隙,您可以通过选择其他元素并以类似方式更改其位置来调整该间隙。

没有选项仅禁用该间隙,但您可以在绘制图形后移除控件:

d3.selectAll("g.nv-series")
  .filter(function() {
    return d3.select(this).select("text").text() == "Stream";
  })
  .remove();
chart._options.controlOptions = ['Stacked', 'Expanded'];
这将在控件以前的位置留下一个间隙,您可以通过选择其他元素并以类似方式更改其位置来调整该间隙

chart._options.controlOptions = ['Stacked', 'Expanded'];


更好的解决方案是使用选项
controlOptions

chart: {
    ...
    controlOptions: ['Stacked', 'Expanded'],
    controlLabels: {"stacked": "Default", "expanded": "Percentage"},
    ...
}

更好的解决方案是使用选项
controlOptions

chart: {
    ...
    controlOptions: ['Stacked', 'Expanded'],
    controlLabels: {"stacked": "Default", "expanded": "Percentage"},
    ...
}

您可以使用
chart.controlOptions([“堆叠”,“扩展])
有关详细信息,请使用
图表控制选项([“堆叠”、“展开”)了解更多信息

谢谢。当第一次绘制图表时,它会工作,但是如果以后调整窗口的大小,“流”选项会重新出现。太好了。我更改了nv.utils.windowResize(chart.update);到nv.utils.windowResize(更新用户);函数update\u cust包含chart.update以及您在上面建议的代码。@jaweej您能准确地显示该函数的外观吗?我也有类似的困境谢谢。当第一次绘制图表时,它会工作,但是如果以后调整窗口的大小,“流”选项会重新出现。太好了。我更改了nv.utils.windowResize(chart.update);到nv.utils.windowResize(更新用户);函数update\u cust包含chart.update以及您在上面建议的代码。@jaweej您能准确地显示该函数的外观吗?我也处于类似的困境