如何在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文件和您的代码。