EnglishユーザーコントロールEchartはデータを表示するためのインタラクティブなグラフのセットです。実行すると次のようになります。Catalogを開き、左メニューからWebセクションへ移動してください。EChartsコントロールを選びインストールしてください。Catalogのドキュメントを参照してください)インストールの際、コントロールと共にサンプルのXPZをインポートすることを推奨します。Ignia/Controls/ECharts配下にユーザーコントロールのサンプルXPZをインポートする際、異なるタイプのグラフとそれに対応するデータ構造を持つSDTを持つ複数のサンプルウェブパネルが作成されます。Typeプロパティで様々なグラフの中から使用するものを選択できます。Simpleこのグラフのデータ読み込み手順:系列タイプ「line」を選択Serie.Valueから追加した系列の各データについて、x軸の値がxAxisに追加されます。Stackこのグラフのデータ読み込み手順:&EchartDtat.yAxisに軸の値を追加、&EchartDtat.Seriesにbar型のデータ系列を二つ追加します。Stackこのグラフのデータ読み込み手順:&ECHartData.RadiusAxisに4つの半径を追加、1個の値を持つ3つの系列A、B、Cを半径ごとに追加します。Stackこのグラフのデータ読み込み手順:&EchartDtat.xAxisにx軸の値を追加、&EchartDtat.Seriesにbar型のデータ系列を6つ追加します。&ChartData.Series.Add(&Serie)EndSubFunnelこのグラフのデータ読み込み手順:funnel型の系列を一つだけ追加、データコレクションにそれぞれのデータを追加します。Gauge-Stylingこのグラフのデータ読み込み手順:gauge型の系列を一つ作成し、コレクションである&EChartData.MultipleYAxisにおいてセクションの上限値および名前を設定します。ピボットの連番はGaugeStyleNexValueを呼ぶことで取得できます。LineCategoryこのグラフのデータ読み込み手順:軸の値をコレクション&EChartData.yAxisに読み込み、line型の系列を一つ追加します。EndSubLineStackこのグラフのデータ読み込み手順:コレクション&EChartData.xAxisにx軸の値を追加、コレクション&ChartData.Seriesにおいてスタックにつき1つの系列を追加します。EndSubMix-line-barこのグラフのデータ読み込み手順:x軸の値をコレクション&EChartData.xAxisに追加し、bar型の系列を2つとline型の系列1つをコレクション&EChartData.Seriesに作成後、2つの軸の値をコレクション&EChartData.MultipleYAxisに読み込みます。EndsubPieSimpleこのグラフのデータ読み込み手順:コレクション&Serie.Dataにデータが読み込まれます。&EChartData.VectorData.Add(&VectorDataItem)EndSubScript。