Expression Editor は、FlexChart コントロールとの統合をサポートします。Expression Editorをチャートと統合すると、式を使用してチャートの視覚化を操作できるようになります。

Expression Editor を FlexChart と統合するには、CollectionViewSource オブジェクトから系列データを含むオブジェクトのコレクションを受け取る、C1FlexChart クラスの ItemsSource プロパティを使用する必要があります。系列データを取得したら、DataSource プロパティを使用して、FlexChart のデータソースをExpression Editorのデータソースに連結できます。

次の図に、FlexChart コントロールと統合されたExpression Editorを示します。このチャートは、ある小売店の国ごとの販売と経費をプロットします。

次のコードは、FlexChart と Expression Editor コントロールの統合を示します。

C1CollectionView 型のフィールドを作成します。

Public View As C1CollectionView

public C1CollectionView View;

FlexChart の C1CollectionView コンポーネントのインスタンスを Expression Editor にその DataSource プロパティを通して連結します。

Me.InitializeComponent()
'C1CollectionViewコンポーネントのインスタンスを作成します
View = New C1CollectionView(DataCreator.CreateData()) 
'系列のデータを含むオブジェクトの集合を取得します
flexChart.ItemsSource = View 
flexChart.BindingX = "Country"
flexChart.Series.Add(New Series() With {
        .SeriesName = "Sales",
        .Binding = "Sales"
    })
flexChart.Series.Add(New Series() With {
        .SeriesName = "Expenses",
        .Binding = "Expenses"
    })
'C1CollectionViewコンポーネントのインスタンスをExpressionEditorに連結します
editor.DataSource = View.CurrentItem 

this.InitializeComponent();
            
// C1CollectionViewコンポーネントのインスタンスを作成します
View = new C1CollectionView(DataCreator.CreateData()); 
 
//　系列のデータを含むオブジェクトの集合を取得します
flexChart.ItemsSource = View;  
flexChart.BindingX = "Country";
flexChart.Series.Add(new Series() { SeriesName = "Sales", Binding = "Sales" });
flexChart.Series.Add(new Series() { SeriesName = "Expenses", Binding = "Expenses" });
            
// C1CollectionViewコンポーネントのインスタンスをExpressionEditorに連結します
editor.DataSource = View.CurrentItem; 

先頭に戻る