Kibana: 将图表导出为图像

创建于 2014-07-15 · 88评论 · 资料来源: elastic/kibana

你好，

如果能够在 Kibana 中以图像格式（png、jpg、gif 甚至 svg）保存图形、甜甜圈或任何可视化效果，那就太好了。
我认为它会比使用计算机的默认屏幕截图更干净、更快捷。

谢谢
标清

Reporting KibanaApp enhancement

资料来源

stigdescamps

👍146 ❤15 🎉15

最有用的评论

sanjeyac 于 2016-04-13

👍16

所有88条评论

pemontto 于 2014-08-08

❤1 👍1

eseccpearce 于 2014-08-08

🎉1 👍1

+1 另一个好主意

mokah 于 2014-08-28

🎉1 👍1

Kibana 4 中的可视化有所改变，但这似乎非常有用，我认为现在应该更容易做到

w33ble 于 2014-10-06

:+1:

sahilthapar 于 2014-10-10

qrilka 于 2014-12-12

timroes 于 2015-02-13

gvisniuc 于 2015-04-07

Kruiserx 于 2015-04-20

+1，因为在 Raspberry Pi 上嵌入目前很痛苦。

lukas2 于 2015-04-30

shaharmor 于 2015-05-03

导出它可能有用
:+1:

ssoto 于 2015-05-04

lgs 于 2015-05-10

+1
当我被问到这个时，我最初想“为什么？如果你只设置一个时间范围，实时 iframe 会更好”。现在我正在考虑每天清除一个特定的索引，我也支持这个。

mkazin 于 2015-05-20

hellais 于 2015-05-22

macrotic 于 2015-06-11

+99

android-programmer 于 2015-06-12

frizull 于 2015-06-20

tomryanx 于 2015-06-23

torstenfeld 于 2015-07-01

centromere 于 2015-07-19

:+1:

sivy 于 2015-08-05

+1。我在另一个网页中嵌入了一个 kibana iframe，但重新加载比使用缓存图像慢。

webmstr 于 2015-08-07

+1 真的需要这个用于仪表板和公共统计页面

confact 于 2015-08-09

piotrkochan 于 2015-08-17

skundrik 于 2015-09-25

tomasfejfar 于 2015-10-07

serialdoom 于 2015-10-20

kukuruza 于 2015-10-20

ahmedjafri 于 2015-10-21

lockwooddev 于 2015-10-22

sbilliau 于 2015-10-27

infaust 于 2015-10-27

+10 +20 ：心：

hellais 于 2015-10-27

allenmchan 于 2015-10-27

carlosvega 于 2015-10-28

QuantumDamage 于 2015-10-30

yulis 于 2015-11-04

sjka 于 2015-11-12

bswhb 于 2015-11-24

thehybridtechnician 于 2015-12-12

Jorijn 于 2015-12-20

RCinna 于 2015-12-23

lmxhappy 于 2016-01-01

鉴于我们在可视化方面所做的方向，这可能需要在 per-vis 的基础上得到支持，因为表格和单值可视化之类的东西不容易编译为 png

rashidkpc 于 2016-01-04

daks 于 2016-01-06

thuandt 于 2016-01-13

that-dom 于 2016-02-05

theredcat 于 2016-02-10

vidhya03 于 2016-02-17

编辑：
如果某些人应该看到图表并且他们不应该拥有编辑仪表板或图形的权限，则此功能可能会非常有趣。

Emidomenge 于 2016-03-01

endlesslight0 于 2016-03-02

+2
是的 - 美丽的图像非常适合科学出版物 - png/jpeg 导出将非常方便，能够选择首选的图像质量/尺寸将是一个巨大的优势。
谢谢！

Thys3Potgieter 于 2016-03-02

超过 1 年 ~ 6 个月 +1 ...我们还在这里 :-1:

thuandt 于 2016-03-02

👎2

+1，对于我们的 dmz'd 平台，它也非常适合推入 hipchat。

tommyorndorff 于 2016-03-04

azraeljack 于 2016-03-24

chrisdrusso 于 2016-03-30

请停止添加 +1 作为评论，您可以使用表情符号对第一篇帖子做出反应。

tomasfejfar 于 2016-03-31

👍7 👎1

sanjeyac 于 2016-04-13

👍16

这是我有时使用的一个小型 js hack，但它没有捕获图例：

x = $(".panel-heading")
x.each(function(id, c) {
    var c = $(c)
    var z = $(c.children()[1])
    var a = $('<a><i class="fa fa-save" aria-hidden="true"></i></a>')


    var svg = $(c.parent().children()[1]).find(".chart svg")

    if (svg.length == 0) {
        console.log("skipping...")
        return
    }

    $("svg").attr({ version: '1.1' , xmlns:"http://www.w3.org/2000/svg"});
    var svg = $(svg).parent().html()
    console.log(svg)
    b64      = btoa(svg)
    a.attr("href-lang", 'image/svg+xml')
    a.attr("href", "data:image/svg+xml;base64,\n"+b64)

    z.append(a);
})

cam72cam 于 2016-07-29

👍1

这是我的用例：作为项目经理，我需要编写和分发静态报告，展示和讨论我们 Kibana 监控的关键发现。

vglaidler 于 2016-07-29

@cam72cam有人怎么会使用它？

that-dom 于 2016-07-29

我在仪表板上打开浏览器检查器并在 JS 控制台中运行它。

它在所有可视化顶部栏的编辑和删除按钮旁边添加了一个保存按钮。

cam72cam 于 2016-07-29

chrisdrusso 于 2016-08-01

GreenTentacle 于 2016-08-04

juuh0123 于 2016-10-21

也许有人可以为该功能创建一些浏览器插件？似乎这在 kibana 开发人员的议程上并不重要。它看起来很容易实现。只需创建在 kibana 中捕获可视化区域的 chrome 扩展，将 svg 转换为图像。我会看看我是否可以在周末这样做。

pawelmhm 于 2016-11-18

对于饼图和点系列图表（vislib），如果我们在单独的 html 元素中没有轴（和图例），这应该像保存 svg 一样简单。我看不出有什么好处。我错过了什么吗？我将移动第一个轴，然后将图例移动到同一个图表 svg 中。那时出口将很容易。

ppisljar 于 2016-11-29

@ppisljar我认为这是我们想要的两种方式。我宁愿想要一个带有令牌或最新统计信息的公共网址，而不是真正下载快速变老的 svg。但这可能是一项不同的任务。

confact 于 2016-12-14

👍2

RomanMauricio 于 2016-12-20

v2b1n 于 2017-02-23

contactcuong 于 2017-03-06

mohaseeb 于 2017-03-27

👍1

Zephery 于 2017-05-27

pietermarsman 于 2017-07-01

carmides 于 2017-07-11

dynamiccast 于 2017-07-12

deepaknadig 于 2017-08-09

wfxr 于 2017-08-28

也许是故事时间？没有+1那么无聊。

这是关于我如何使用一种方法来解决 Kibana 4.6.1 中缺少此功能的轶事描述，当时我们有 Reporting 插件，然后依靠 node-horseman 运行PhantomJS并生成PDF （是的，便携式文档格式，而不是便携式网络图形😞），然后可以通过 ElasticSearch 观察者的电子邮件操作作为附件发出 - 根据您选择的时间表 - 通过 POST 将 JSON blob 通过 curl 配置为elasticsearch:9200课程。那里没有问题；我只提到，因为我似乎记得可能现在是 X-Pack 的一部分的报告插件从那以后有所改进。

好吧，幸运的是，PhantomJS 留下了screenshot<####>..png文件来捕获/tmp每个报告。这些才是我真正想要的！那么，想必大家都知道可以将inotify + cron组合成一种叫做incron 的东西吗？好吧，我的 incrontab 非常简单，看起来像这样：

/tmp IN_CLOSE_WRITE /opt/process.sh $#

/tmp发生了很多事情，因此脚本首先必须使用包含在写入后刚刚关闭的文件名的位置参数，并通过正则表达式确定它是其他程序的垃圾还是匹配 PhantomJS 屏幕截图文件格式. 有一段时间，在将脚本完善到完美之后，包括一些 ImageMagick::convert 和optipng魔法来添加基本的文本标题，然后我就准备好了 :exclamation: 并定期发布我的可视化的 .PNG 屏幕截图给我以前的团队公司及其社区。也就是说，直到 5.1 版本发生了一些变化，这打破了这个特殊的黑客攻击。：