Expression Editor for WinForms
FlexChart との統合
Expression Editorの操作 > FlexChart との統合

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

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

次の図に、FlexChart コントロールと統合されたExpression Editor を示します。


 

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

FlexChart _flexChart;
C1ExpressionEditor _expEditor;
C1ExpressionEditorPanel _expPanel;

DataView _dvProducts;
DataSet _ds;
public Form1()
{
    InitializeComponent();
    GetDataSource();
    _flexChart = new FlexChart();
    _flexChart.Dock = DockStyle.Fill;
    _flexChart.ChartType = C1.Chart.ChartType.Bar;
    _flexChart.Header.Content= "カテゴリ別に販売";            
    _expEditor = new C1ExpressionEditor();
    _expEditor.Dock = DockStyle.Fill;
    _expEditor.ExpressionChanged += _expEditor_ExpressionChanged;
    _expPanel = new C1ExpressionEditorPanel();
    _expPanel.Dock = DockStyle.Fill;
    _expPanel.BringToFront();
    _expPanel.ExpressionEditor = _expEditor;
    pnlFlexChart.Controls.Add(_flexChart);
    grpEditor.Controls.Add(_expEditor);
    grpExpPanel.Controls.Add(_expPanel);
    _dvProducts = _ds.Tables["Sales"].DefaultView;
    _flexChart.DataSource = _dvProducts;

    _flexChart.BindingX = "CategoryName";
    _flexChart.Binding = "CategorySales";
    Series Sales = new Series();
    Sales.Name = "Sales";     

    _flexChart.Series.Add(new Series());
    _expEditor.DataSource = _ds.Tables[0];
詳細なデータについては、インストーラに付属のサンプルプロジェクト ExpressionEditorSamples を参照してください。

先頭に戻る