plotly.js でズームやパンと連動して Y軸表示範囲を自動調整(オートスケール)

はじめに

plotly/plotly.js で、ズームやパン(移動)と連動して Y軸の表示範囲を自動で調整(オートスケール)する方法

TL;DR

• ズームや移動時は plotly_relayout イベントが発火
• .on('plotly_relayout', handler) でハンドラを設定
• 表示する Y 軸範囲を決定し relayout を実行
• Plotly.relayout() で plotly_relayout イベントが発火するので無限ループにならないように注意

続きを読む