メインコンテンツへスキップ

Plotly

プロット的に可視化。

オプション

  • data | array (required): データ配列. Default: none.
  • draggable | boolean: プロットをドラッグ可能にするかどうかを制御します。. Default: false.
  • editable | boolean: 作成されたプロットのラベルを編集可能にするかどうかを制御します。. Default: false.
  • id | string: 構成要素識別子. Default: none.
  • layout | object: プロットリーレイアウトオブジェクト. Default: {}.
  • config | object: Plotly 設定オプション (参照: https://plotly.com/javascript/configuration-options/). Default: {}.
  • legendButtons | boolean: 凡例を変更するためのボタンを表示するかどうかを制御します。. Default: true.
  • meta | object: プロットメタ情報. Default: none.
  • revision | number: を指定すると、リビジョン値がインクリメントされたときにプロットが更新されます。. Default: none.
  • style | object: CSSインラインスタイル. Default: {}.
  • onAfterPlot | function: コールバック関数. Default: onAfterPlot() {}.
  • onClick | function: クリックされたときに呼び出されるコールバック関数. Default: onClick() {}.
  • onInitialized | function: プロットが初期化されるとコールバックが呼び出されます。 figure (入力プロップに対応する 3 つのキーを持つオブジェクト: data, layout, frames) と DOM ノード graphDiv を指定して呼び出されます。. Default: onInitialized() {}.
  • onLegendClick | function: 凡例項目がクリックされたときに呼び出されるコールバック関数. Default: onLegendClick() {}.
  • onLegendDoubleClick | function: 凡例項目がダブルクリックされたときに呼び出されるコールバック関数. Default: onLegendDoubleClick() {}.
  • onRelayout | function: リレイアウトコールバック関数. Default: onRelayout() {}.
  • onSelected | function: 要素が選択されたときに呼び出されるコールバック関数. Default: onSelected() {}.
  • onShare | function: シェアボタンをクリックしたときに呼び出されるコールバック関数. Default: none.
  • removeButtons | boolean: すべてのボタンを削除するかどうかを制御します (フルスクリーンボタンが有効な場合は別として)。. Default: false.
  • toggleFullscreen | boolean: フルスクリーンモードでのプロット表示を許可するかどうかを制御します。. Default: true.

例としては、以下のようなものがあります。

ライブエディター
結果
ReferenceError: Provider is not defined