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

Question

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

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文件和代码。