当社のアプリPriceforgeは、データの視覚化エンジンであり、価格最適化ツールでもあります。Envisionを通じて、ダッシュボードに表示されるタイルを定義するためのプログラム的な方法を提供しています。

数値の計算方法を完全に制御できるのは非常に便利ですが、タイルの色を選び、ダッシュボードのレイアウトをプログラミング言語自体から構成することは手間がかかります。そのため、Priceforgeではダッシュボードのビジュアルエディターをサポートしています。

Priceforgeが提供するサンプルダッシュボードを見てみましょう:

ウィンドウの右上にある「エディター」ボタンに注目してください。このボタンをクリックすると、Priceforgeのビジュアルエディターモードが切り替わります。すべてのタイルが暗くなり、各タイルの位置 - Envisionが使用するExcelのようなグリッドシステムに従って - 表示されます。

その後、各タイルを個別に移動することも可能ですが、ビジュアルエディターではすべてのタイルを簡単に上下に移動する方法が提供されています。左側にある緑の十字のいずれかをクリックすると、新しい空白行が挿入されます。

また、右側に表示される赤い十字をクリックすると、この空白行を削除することもできます。

特定のタイルをクリックすると、モーダルダイアログボックスが表示されます。このボックスのタイトルは「プロパティの編集」となっており、以下のように示されています。このボックスから、タイルのタイトル、位置とサイズ、単位、色を制御することができます。実際には、ビジュアルエディターから調整するのに最も便利なのは位置と色です。

変更が完了したら、ウィンドウの右上に表示される「タイルのプロパティを保存」ボタンをクリックして保存を忘れないでください。