TECHDRIFT

あいうえおとさしすせそはどこか似ている

Hello, Engineer

おすすめの記事はこちら

【plotly.js】メニューバーを削除するオプション

現在、Plotly.jsを使ったグラフを描いています。Plotly.js細かいカスタマイズも簡単な表記で実現することができる、とても便利なライブラリです。
しかし、商用として製品などに組み込む場合、メニューバーの表示がセキュリティや経営の問題にひっかかる場合があります。特に自分の場合は、クローズドな環境で開発しているので、公式サイトと解析画面へのリンクが非常によろしくありませんでした。
そこで、こうしたメニューバーを非表示にするためのオプションをまとめておきます。商用利用を検討されている方はぜひ参考にしてみてください。
[目次]

基本構文

ploty.jsで描画する際の基本構文は以下です。

Plotly.newPlot('div要素名', 'データ', 'レイアウト', 'オプション');

今回やりたいことは第4引数のオプション部分に記載しますー。

ロゴを消す

ロゴを消す場合は以下の様にします。

Plotly.newPlot('myDiv', data, layout, {displaylogo: false});

モードバーを消す

上ではモードバー(ボタンがいくつか並んでいるやつ)から、plotly.jsのロゴしか消えませんが、以下のオプションですべて消えます。商用利用や社内サイトとして使うときは便利かも。
ただ、ちょっと便利な画像ダウンロードボタンも一緒に持ってかれるので、別の方法で実現してあげる必要がありますのでご注意を。

Plotly.newPlot('myDiv', data, layout, {displayModeBar: false});

静的なグラフにする

要は拡大とか縮小とかできないようにします。これ出来るのがplotly.jsのいいところでもあるので、なくすくらいなら別のライブラリにすれば?と思ってしまうけど、見え方とか改ざんされると困るグラフの場合は使えるかも!

Plotly.newPlot('myDiv', data, layout, {staticPlot: true});

その他のオプションはここに書いてあります。
https://plot.ly/javascript/configuration-options/

以上です。
技術したいなら転職しようぜ!!