从AngularJS Script下载影响Servicenow上的其他d3图表

Question

我最近使用Servicenow Portal Page创建了一个报告。作为背景，可以通过将小部件拖放到容器中来创建Servicenow门户页面。

这些小部件基本上由HTML / CSS / AngularJS组合构成，它们在现实世界中定义单个html页面。我可以在一个页面中成功创建并添加4个这样的小部件。每个小部件使用对数据库的d3和API调用形成一个小的SVG报告。

我最近创建了一个带有d3甜甜圈报告的新小部件。这个甜甜圈有一个下拉菜单，在更改时将重新渲染甜甜圈，以显示不同的数据组合。

当我将其拖放到门户页面并加载页面时，一切正常。然而，在选择下拉列表时，将清除页面上其余的渲染报告。我正在努力找出造成这种情况的原因。我尝试打印到控制台，在受影响的小部件上，没有任何收益。

有人可以指导我看看我需要的可能选项，我想不出有任何错误的可能性与我目前的知识。

Answer 1

好吧，我傻了。在最后一个小部件中，我有一个d3函数，帮助删除并重新创建图表。这有一个删除所有svg元素的命令。这就是行为的原因。

我改变了命令

d3.selectAll("svg").remove();

至

d3.select("#graph").html(null);

这解决了我的问题。