2014-09-25 166 views
1

我的同事正在研究此項目,以創建一個名爲「Kibana」的已經存在的網站的更簡單版本。其中一些圖表特別要重新制作。我在想的是,對於我們來說,僅僅通過使用jQuery將kibana的圖形捕獲到我們更簡單的html網站中會有什麼好處。將動態網頁(Kibana)的一部分嵌入我自己的網站

PS:通過捕獲我的意思是,在我們自己的html頁面中顯示站點(圖)的整個動態AJAX部分。

事情是這樣的:

<html> 
<head> 
<script> 
function 
{ 
('#div_in_our_html_page').load('div_for_the_graph_in_kibana'); 
} 
</script> 
</head> 
<body onload="load()"> 
</body> 
</html> 
+0

Kibana遠遠超過所顯示的圖表。有很多動態數據正在進行。 – Brad 2014-09-25 15:55:43

+0

@JonasGrumann在這種情況下這是不正確的。 Kibana完全運行在客戶端。 – Brad 2014-09-25 15:56:17

+0

嗨布拉德,我知道Kibana是一個很多。但簡單地說,我想將整個網頁的一部分嵌入到我的html頁面中。這在理論上是可能的嗎? – nitinsh99 2014-09-25 15:58:53

回答

0

我正在使用Kibana 3.1.2。我在我的web應用程序中將它重命名爲kibana後複製了根文件夾。我在我的應用程序中添加了一個鏈接,以便加載我感興趣顯示的儀表板。這不會解決你的問題嗎?

1

嘗試這裏的解決方案:https://github.com/elasticsearch/kibana/issues/729

基本上,你需要嵌入儀表板在您的網站上的iframe中。

如果您實際上無法訪問服務器Kibana的運行,請嘗試將iframe的margin-top和margin-left設置爲負值,以便使用圖形捕獲頁面的一部分,並禁用滾動來滾動=「no 「(不是技術上兼容html5,但它應該可以在大多數主流瀏覽器中使用)。