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