从影响 Servicenow 上其他 d3 图表的 AngularJS 脚本下拉

Question

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

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

我最近创建了一个带有 d3 甜甜圈报告的新小部件。这个甜甜圈有一个下拉菜单，在更改时会重新呈现甜甜圈以可视化不同的数据组合。

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

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

Answer 1

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

我更改了命令

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

至

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

这解决了我的问题。