javascript - 如何更改注入目标以在 jit infovis 工具包中创建树图？

Question

我需要在一个网页中创建 2 个方形树图。我使用 jit infovis 工具包来帮助创建这个树形图。是否可以创建不使用 id 为“infovis”的 div 的树形图？例如，当我将 div 的 id 更改为“test”之类的其他内容时，它会导致错误树形图不起作用。我还已经更改了用于创建 treemap 的 jit javascript 函数中的“注入”属性。请帮忙

Answer 1

是的，可以这样做。

在 InfoVis 的标准示例中，div“infovis”包含在“center-container”中。html页面一般包含一个css文件base.css。该文件将某些规则应用于“infovis”和“center-container”。

#infovis {
  position:relative;
  width:600px;
  height:600px;
  margin:auto;
  overflow:hidden;
} 

而对于中心容器..

#center-container {
  width:600px;
  left:200px;
  background-color:#1a1a1a;
  color:#ccc;
}

您可以在呈现可视化的 html 文件中检查这一点。您应该确保要在其中注入可视化的 div 应用相同/相似的规则。您可能还需要在您的 html 文件和 css 文件中进行更多更改，以确保您具有正确的 div 层次结构并且所有 base.css 规则都正确应用于它们。这就是我可以说的所有内容，而无需查看您的 html 文件和代码。