2014-09-25 167 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,但它应该可以在大多数主流浏览器中使用)。