プログラマーの同僚はなぜ私より 2W も収入が多いのでしょうか? このコックピット構築作業を読んで、ようやく気づきました!

以前に共有した大きなビジュアル スクリーンのテンプレートは友人全員に好評でしたが、「自分で大きなビジュアル スクリーンを作りたい場合はどうすればよいですか?」というプライベート メッセージもたくさんありました。関数や複雑なコードを書かずに、ゼロから大きなビジュアル画面を作成できる「超神」同僚の方法を整理しました。

それを整理するのに長い時間がかかりましたが、それは大きく次の 3 つのステップに分けられます。

まずはニーズ調査を行う

ビジュアル コックピットは実際にはデータ製品であり、次のように理解できるため、すべてのアクションが実行される前にユーザーのニーズを明確にする必要があります。コックピットは誰のためのものですか? 彼は何を見たいのでしょうか?主要データ指標とは何ですか?
ここに画像の説明を挿入

複数のデータ指標が関係し、計算プロセスが複雑な管理コックピットが発生した場合は、特性要因図を使用して要件を整理することをお勧めします (以下を参照)。
ここに画像の説明を挿入

次に、大画面のプロトタイプとビジュアルデザインを実行する必要があります。

表示するデータ インジケーターを決定したら、次のステップは、インジケーターによって分析されたシナリオに従って、対応するチャートを選択することです。参考までに、古典的なチャート選択ガイドを次に示します。
ここに画像の説明を挿入

次は実際の開発リンクです。これを行うためのプロの視覚化ソフトウェアを選択します。ここでは、中国でよく知られている視覚化ツールである FineReport を使用します。

デザイナーを開き、新しい意思決定レポートを作成します。意思決定レポートはキャンバス インターフェイスを採用しており、その上のチャート コンポーネントとコントロールをパネルにドラッグして自由にレイアウトできます。
ここに画像の説明を挿入

新しいデータ セットを作成し、SQL ステートメントを通じて使用するデータ セットを取得します。使用するデータ ソースはソフトウェアに付属のデータです。SQL の基礎を持たない友人については心配する必要はありません。これらはすべて使用される最も基本的なステートメントなので、数回読むだけで大丈夫です。

次のように新しいテンプレート データセットを作成します。
ここに画像の説明を挿入

データの準備ができたら、前のレイアウト レイアウトに従って、対応するグラフ コンポーネントをキャンバスにドラッグ アンド ドロップします。
ここに画像の説明を挿入

前のステップまででコックピットのプロトタイプが出来上がり、各チャートコンポーネントのデータソースをバインドし、スタイルや特殊効果を設定してほぼ同じになりました。基本的なチャートの設定は非常に簡単なので省略しますが、データマップの設定を示します。
ここに画像の説明を挿入

最後にオンラインデバッグを実行します

上記の手順を段階的に実行し、オンラインに接続して、主要な視覚要素、フォント サイズ、ページのダイナミクス、グラフィックスおよびグラフが期待どおりに表示されるかどうか、変形や位置ずれなどがないかどうかを確認します。
ここに画像の説明を挿入

プレビューをクリックすると、クールなビジュアルのコックピットが目の前に表示されます。
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/yuanziok/article/details/131083362