D3.js nvd3删除流选项
我正在使用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(); 这将在控
我只希望显示“堆叠”和“扩展”两个选项。如何实现这一点?没有选项仅禁用此功能,但您可以在绘制图形后删除控件:
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您能准确地显示该函数的外观吗?我也处于类似的困境