翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
Canvas パネル
このドキュメントのトピックは、Grafana バージョン 9.x をサポートする Grafana ワークスペース向けです。
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「Grafana バージョン 10 での作業」を参照してください。
Grafana バージョン 8.x をサポートする Grafana ワークスペースについては、「Grafana バージョン 8 での作業」を参照してください。
Canvas は、Grafana の権限とカスタム要素の柔軟性を組み合わせた新しいパネルです。Canvas 視覚化は、静的レイアウトと動的レイアウトに要素を明示的に配置できる拡張可能なフォームビルドパネルです。これにより、Grafana の UI 内全体で、標準の Grafana パネルでは不可能な方法でカスタムビジュアライゼーションとオーバーレイデータを設計できます。一般的な UI およびウェブ設計ツールを使用したことがある場合、キャンバスパネルの設計は非常に馴染みのあるものになります。
要素
メトリクス値
メトリクス値要素を使用すると、キャンバスに表示するデータを簡単に選択できます。この要素には、コンテキストメニューの「編集」オプションを通じて、またはパネルをダブルクリックしてトリガーできる一意の「編集」モードがあります。編集モードでは、表示するフィールドデータを選択できます。
[Text] (テキスト)
テキスト要素を使用すると、キャンバスにテキストを簡単に追加できます。また、要素は、ダブルクリックまたはコンテキストメニューの編集メニューオプションによってトリガーされる編集モードもサポートします。
[Rectangle] (長方形)
長方形要素を使用すると、基本的な長方形をキャンバスに追加できます。長方形要素は、テキスト (固定データとフィールドデータの両方) の表示をサポートし、データのしきい値に基づいて背景色を変更できます。
[Icon] (アイコン)
アイコン要素を使用すると、サポートされているアイコンをキャンバスに追加できます。アイコンは、しきい値または値マッピングに基づいて色を設定できます。
Canvas の編集
[インラインエディタ]
Canvas は新しい編集エクスペリエンスを導入しました。ダッシュボードモードのコンテキストで、キャンバスパネルをインラインで編集できるようになりました。
コンテキストメニュー
コンテキストメニューでは、一般的なタスクにアクセスできます。サポートされている機能には、インラインエディタの開閉、要素の複製、要素の削除などがあります。
コンテキストメニューは、パネルまたは特定のキャンバス要素に対する右クリックアクションによってトリガーされます。パネルを右クリックすると、背景イメージを設定し、キャンバスに要素を簡単に追加できます。
要素を右クリックすると、要素を編集、削除、複製したり、要素のレイヤーの位置を変更したりできます。
キャンバスオプション
インライン編集
インライン編集トグルを使用すると、キャンバスパネルをロックまたはロック解除できます。オフにすると、キャンバスパネルがロックされ、要素が所定の位置にフリーズし、意図しない変更を防止できます。