Unity による ChartAndGraph チャート プラグインへのアクセス

説明する

  最近、いくつかのグラフ データをプロジェクトに表示する必要があります。いくつかの 3D グラフを使用する必要があるため、ChartAndGraph グラフ プラグインが選択されています。グラフ データは、バックグラウンド インターフェイス Json を通じて読み取られ、解析され、次にグラフ プラグインが実行されます。 API 内で が呼び出され、データが表示されます。

1. ヒストグラムを実現する

効果を達成する

実装手順

1. 以下に示すように縦棒グラフのプリセットを作成します。Tools-Charts-Bar-Canvas-Simple で縦棒グラフのプリセットを作成します。
   
2. [インスペクター] パネルで関連するパラメーターを設定することにより
   、上記の手順で作成した縦棒グラフ プリセット内のスクリプト コンポーネントを見つけてCanvas Bar Chart、共通設定である
   縦棒グラフ データ設定を一覧表示します: CategoriesX 軸の内容 (ただし、グラフの下に表示される X 軸ではありません) ) Data)、Groups はグループ名で、後ろの対応する 3 点をクリックして変更、削除などの操作を行います。
   
   Y 軸データ設定: Y 軸データは、実際には縦棒グラフ コンポーネント上のVertical Axisスクリプト コンポーネントによって制御されます。共通の設定は次のとおりです:
   形式: 4 つのデータ型が含まれます: 数値、時刻、日付、および日付時刻 (これらの 4 つのみ)ここでデータ型を選択できます。Y 軸の値が上記 4 種類を満たせない場合は、プラグインを拡張して動的仕様をサポートする必要がある場合があります) Text Prefix :
   Y軸値の接頭語
   Text Suffix : 接尾語Y 軸テキストの
   Main Divisions : これは主な分割設定であり、その下の合計は Y軸上にあるデータの数を設定します
   。
   
3. スクリプトを通じてデータを動的にロードし、その他の設定もコードを通じて取得できるので、試してみることができます。

  		canvasBarChart_LDSCL=this.GetComponent<CanvasBarChart>();

        //数据加载
        canvasBarChart_LDSCL.DataSource.StartBatch();
        canvasBarChart_LDSCL.DataSource.SetValue("1月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("2月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("3月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("4月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("5月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("6月", "all", 10);
        canvasBarChart_LDSCL.DataSource.SetValue("7月", "all", 10);
        canvasBarChart_LDSCL.DataSource.EndBatch();

次に、折れ線グラフを理解します

効果を達成する

実装手順

1. 以下に示すように折れ線グラフのプリセットを作成し、[ツール]-[チャート]-[グラフ]-[キャンバス]-[シンプル]をクリックしてプリセットを作成します。
   

2. インスペクターパネルで関連パラメータを設定します。
   上記の手順で作成した縦棒グラフ プリセット内のスクリプト コンポーネントを見つけてGraph Chart、よく使用される
   グラフ チャート スクリプト コンポーネントをリストします。
   フィット マージン: X/Y 軸の表示開始点の範囲を設定できます。
   カテゴリ: 折れ線グラフ データ、データのグループごとに設定
   水平ビュー: Auto にチェックを入れると、開始値と終了値が自動的に調整されます 0 から開始したくない場合は、チェックを外してHorizontal View Origin開始点を設定で設定し、量を設定します水平ビュー サイズによるデータの
   垂直ビュー: 同じ理由

   
   Verical Axis（Y軸設定）

   基本的な使用法は上記の縦棒グラフと同じですが、
   
   リストには表示されなくなりました。 3. スクリプトを使用してデータを動的にロードする

        graphChart_MJXY=this.GetComponent<GraphChart>();

        graphChart_MJXY.DataSource.StartBatch();
        graphChart_MJXY.DataSource.ClearCategory("main");
        graphChart_MJXY.DataSource.AddPointToCategory("main", 1, 1);
        graphChart_MJXY.DataSource.AddPointToCategory("main", 2, 2);
        graphChart_MJXY.DataSource.AddPointToCategory("main", 4, 3);
        graphChart_MJXY.DataSource.AddPointToCategory("main", 5, 5);
        graphChart_MJXY.DataSource.EndBatch();

遭遇した問題

また、開発中に遭遇した問題は、X 軸のコンテンツ表示です。このプラグインの X/Y 軸のコンテンツには、数値、時刻、日付、日付時刻の 4 つのプリセット タイプしか含まれておらず、開発過程で10、11、12、1、2、3などの不連続な数値を表示する必要がある場合、列挙型を動的に追加し、X軸の値を動的に設定します。拡張されたメソッドもいくつかあります。