シミュレーション結果からチャートを生成

#

操作方法

1

ツールボックスの「チャート」グループからスクリプト連携のチャート要素を作成します。

2

JavaScriptを利用して、シミュレーション対象となる要素の振る舞いとして処理を記述します。この例では、最初に呼ばれる要素への遷移に対して初期値を保持する変数を定義します。

//

//  the traffic variable will hold the traffic numbers as simulation proceeds and is initially zero

//  each element of the array represents a period of the day, morning, afternoon, evening and night.

//

var traffic = [0,0,0,0];

3

チャートの内容をJSON形式で定義する処理を追加します。この例では、最初に呼ばれる状態要素に対するentryアクションとして、以下のような振る舞いを記述します。

//

// The JSON instance describing the chart to produce. (complies with the EA DynamicChart Schema)

//

 var chartData =

 {

  "Category" : "Column",

   "Type" : "Simple",

   "Title" : "Traffic",

   "Series" :

   [

         {        "Label" : "Vehicles",

                 "Data" :

                 {

                         "Type" : "Column",

                         "Points" :

                         [

                                 { "Category": "Morning", "Y" : 0 },        //  The Y values of the axis are initially zero

                                 { "Category": "Afternoon", "Y" : 0 },        //  they will be filled in at end of Simulation

                                 { "Category": "Evening", "Y" : 0 },

                                 { "Category": "Night", "Y" : 0 }

                         ]

                 }

         }

   ]

 };

4

別の要素の振る舞いでは、実行結果を変数に追加します。このように、シミュレーションに関係するそれぞれの要素の振る舞いとして、JavaScriptでチャートを描画するための処理を記述します。

//

// 2000 vehicles went through the tunnel in the afternoon (element 1)

//

traffic[1] += 2000;

5

シミュレーションが終了したら、実行中に取得した値を設定する処理を、最後に呼び出される要素の振る舞いとして記述します。

// fill points in series with the number of vehicles for each part of the day

var dataPoints = chartData.Series[0].Data.Points;

for(var dp = 0; dp < traffic.length; dp++)

{

      dataPoints[dp].Y = traffic[dp];

}

6

チャート要素の表示内容を更新します。指定された名前のチャート要素の描画を更新します。

// Call the EA function to populate the DynamicChart element named 'Vehicles' with this data.

sim.GenerateChart( "Vehicles", JSON.stringify(chartData));

#

操作方法

1

シミュレーションを実行する状態マシンを含むパッケージをモデルブラウザ内で選択します。

2

パッケージにスクリプト連携のチャート図を追加します。

3

スクリプト連携のチャート要素を図に配置します。状態マシンと同じ名前を設定します。