簡単に言うと、視覚化の最も一般的な媒体は、canvas (echart など)、svg (d3 など)、または WebGL (Three.js など) に基づいているかに関係なく、グラフィック チャートを作成するのが主な仕事です。チャートは適切なデータとパラメータを渡すことを目的としています。

React に関して言えば、当然のことながら、使用するにはさまざまなチャート タイプをコンポーネントにカプセル化する必要があり、コンポーネントはすべて状態駆動型です。つまり、渡された状態の変更によってコンポーネントが再レンダリングされ、ビジュアルパフォーマンスはいわゆる「リアルタイム更新」です。

つまり、「構成可能」とは、コンポーネント内でデータとパラメーターをハードコーディングできないが、パラメーターの受け渡しを通じてこれらのチャート コンポーネントをレンダリングするようにコンポーネントを合理的に設計できることを意味します。望ましい効果は、コンポーネントの内部実装 (チャートのアセンブリとレンダリング プロセス) が非表示になり、コンポーネントの特定のプレゼンテーションを決定するデータをパラメーターを通じて渡すことができるため、より高いスケーラビリティ、保守性、可読性、再利用性が実現されることです。 、など。

この考え方に従えば問題ありませんが、途中で多くの詳細を扱うことになり、あなたの設計能力も試されます (つまり、コードとインターフェイスの設計)。最も単純なことから始めましょう。最も基本的な棒/縦棒グラフ。系列データ、X/Y 軸、ラベル、単位、スケール、凡例などの基本属性をパラメータを通じて渡すことができ、コンポーネントは自動的に更新されます。パラメータが変化します。

必要なのは監督からの一言だけですか？他に書類はありませんか？