Kibana: チャートを画像にエクスポート

作成日 2014年07月15日 · 88コメント · ソース: elastic/kibana

こんにちは、

グラフやドーナツ、またはキバナの視覚化を画像形式（png、jpg、gif、さらにはsvg）で保存できると便利です。
コンピューターのデフォルトのスクリーンショットを使用するよりもクリーンで高速だと思います。

ありがとう
SD

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、RaspberryPiへの埋め込みは現在苦痛だからです。

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。別のWebページにkibanaiframeを埋め込んでいますが、キャッシュされた画像を使用するよりも再読み込みに時間がかかります。

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：heart：

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日

ビジュアライゼーションで行っている方向性を考えると、テーブルや単一値のビジュアライゼーションなどはpngに簡単にコンパイルできないため、これはおそらくvisごとにサポートする必要があります。

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プラットフォームにとってもヒップチャットにプッシュするのに最適です。

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ハックですが、凡例をキャプチャしていません：

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の視覚化領域をキャッチし、svgを画像に変換するChrome拡張機能を作成するだけです。週末にこれができるかどうか見ていきます。

pawelmhm 2016年11月18日

円グラフと点系列グラフ（vislib）の場合、個別のhtml要素に軸（および凡例）がない場合、これはsvgを保存するのと同じくらい簡単です。そこには何のメリットもありません。私は何かが足りないのですか？私は最初の軸を移動し、次に凡例を同じチャートsvgに移動するためのものです。そうすれば、エクスポートは簡単になります。

ppisljar 2016年11月29日

@ppisljarこれは2つの方法だと思います。早く古くなるsvgを実際にダウンロードするのではなく、トークンなどの最新の統計情報を含む公開URLが必要です。しかし、それは別の作業になる可能性があります。

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でこの機能の欠如を回避する方法を採用した方法の事例説明です。レポートプラグインは、ノードホースマンに依存してPhantomJSを実行し、 PDFを生成しました（はい、ポータブルドキュメント）。ポータブルネットワークグラフィックスではなくフォーマット😞）これは、ElasticSearchウォッチャーの電子メールアクションを介して、選択したスケジュールで、JSONブロブをカールを介してelasticsearch:9200 POSTすることで構成された添付ファイルとして発行できます。コース。そこには問題はありません。おそらくX-Packの一部であるReportingプラグインがそれ以来いくらか改善されたことを思い出しているように思われるので、私は言及するだけです。

偶然にも、PhantomJSはscreenshot<####>..pngファイルを残して/tmpすべてのレポートをキャプチャしていることがわかりました。それらは私が本当に欲しかったものです！それで、おそらく誰もがinotify + cronをincronと呼ばれるものに組み合わせることができることを知っていますか？さて、私のincrontabは非常に単純で、次のようになりました。

/tmp IN_CLOSE_WRITE /opt/process.sh $#

/tmpで多くのことが発生するため、スクリプトは最初に、書き込み直後に閉じられたファイル名を含む位置引数を使用し、正規表現を介して、それが他のプログラムのジャンクであるか、PhantomJSスクリーンショットファイル形式と一致するかを判断する必要がありました。。しばらくの間、スクリプトを完璧に仕上げ、ImageMagick :: convertと

画像はPDFの作成時にKibanaデータディレクトリに書き込まれますが、事後すぐに削除されるため、そこから画像を取得することはできません。

ほんの11日前に@kobelbが別のチケットで、 PNGサポートが将来追加されることを知らせてくれました！だから私は完全に楽観的です。私は単にその話を共有せざるを得ないと感じました—それは私たち全員がほぼ毎日遭遇するソフトウェアに欠けている機能の多くの面白い回避策の1つにすぎないと確信しています—他の親指を立てる人々と。：笑顔：

ageis 2017年08月28日

👍5 😄1

rusubogdan 2017年12月24日

yabir 2018年03月06日

誰もこれについて言及していないことを願っています（迷惑で役に立たない+1でコメントするのをやめて、代わりにリアクションを使用してください！）、別のユースケースがあります：事前にレンダリングされた画像は低電力デバイスで簡単に表示できます。

Raspberry Piを駆動する高解像度ディスプレイがいくつかあり、貧弱なPiが複雑なjavascriptのものでいっぱいのブラウザーを実行する方法はありません。しかし、PNGをダウンロードして問題なく（そしてX.Orgなしで）表示することができます-ある種のハックであっても、実際には別の人気のある視覚化ツールを使用してそれを行っています。