翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

Canvas パネル

Canvas は、Grafana の能力とカスタム要素の柔軟性を組み合わせた新しいパネルです。Canvas の視覚化は、静的レイアウトと動的レイアウトに要素を明示的に配置できる拡張可能なフォームビルドパネルです。これにより、標準の Grafana パネルでは不可能な方法でカスタムビジュアライゼーションを設計し、データをオーバーレイできます。これらはすべて Grafana の UI 内で実行できます。一般的な UI およびウェブ設計ツールを使用したことがある場合、Canvas パネルの設計は非常に慣れているように見えます。

[Elements] (要素)

メトリクス値

メトリクス値要素を使用すると、キャンバスに表示するデータを簡単に選択できます。この要素には一意の「編集」モードがあり、コンテキストメニューの「編集」オプションまたはダブルクリックでトリガーできます。編集モードでは、表示するフィールドデータを選択できます。

[Text] (テキスト)

テキスト要素を使用すると、キャンバスにテキストを簡単に追加できます。要素は、ダブルクリックまたはコンテキストメニューの編集メニューオプションのいずれかによってトリガーされる編集モードもサポートしています。

長方形

長方形要素を使用すると、基本的な長方形をキャンバスに追加できます。長方形要素は、テキスト (固定データとフィールドデータの両方) の表示をサポートし、データのしきい値に基づいて背景色を変更できます。

[Icon] (アイコン)

アイコン要素を使用すると、サポートされているアイコンをキャンバスに追加できます。アイコンは、しきい値または値マッピングに基づいて色を設定できます。

Canvas の編集

インラインエディタ

Canvas に新しい編集エクスペリエンスが導入されました。ダッシュボードモードのコンテキストでキャンバスパネルをインラインで編集できるようになりました。

コンテキストメニュー

コンテキストメニューでは、一般的なタスクにアクセスできます。サポートされている機能には、インラインエディタの開閉、 要素の複製、 要素の削除などがあります。

コンテキストメニューは、パネルまたは特定のキャンバス要素に対する右クリックアクションによってトリガーされます。パネルを右クリックすると、背景画像を設定し、キャンバスに要素を簡単に追加できます。

要素を右クリックすると、要素を編集、削除、複製したり、要素のレイヤーの配置を変更したりできます。

Canvas オプション

インライン編集

インライン編集トグルを使用すると、キャンバスパネルをロックまたはロック解除できます。キャンバスパネルをオフにすると がロックされ、要素が所定の位置にフリーズされ、意図しない変更が防止されます。