チャートデザイナは、エンドユーザーがチャートプロパティの変更を視覚化しながらチャートをカスタマイズできるようにする実行時のデザイナです。このようなデザイナは、エンドユーザーが実行時に必要に応じてチャートをカスタマイズできるようなダッシュボードデザイナなどのアプリケーションでたいへん便利です。

FlexChart Designer はコンパクトで応答性の高いデザイナで、実行時にチャート要素がクリックされると表示されます。これは、チャート、データ、ヘッダー、フッター、凡例、X 軸、Y 軸、データラベルなどに関連するさまざまな設定を変更するためのユーザーインタフェースを提供します。

ユーザーがチャート上にマウスポインタを置くと、プロット領域、X 軸、Y 軸、凡例、ヘッダー、フッターなどのチャート要素が強調表示されます。これらの要素のいずれかが初めてクリックされると、チャートデザイナが表示され、該当するチャート要素のプロパティリストが表示されます。デザイナに表示されるこのプロパティリストは、チャート領域で選択される要素に応じて常に変化します。また、デザイナの左上隅にあるドロップダウンメニューから目的のチャート要素を選択することもできます。次の表で、FlexChart Designer のドロップダウンメニューで提供されるこれらのオプションについて説明します。

FlexChart Designer の呼び出し

FlexChart の FlexChart Designer は、C1.Win.FlexChart.Designer アセンブリの C1.Win.Chart.Designer 名前空間によって提供される ChartDesigner クラスによって表されます。ChartDesigner クラスのインスタンスを作成し、この ChartDesigner コンストラクタに FlexChart コントロールをパラメータとして渡すことで、特定の FlexChart のデザイナを簡単に呼び出すことができます。

private void Form1_Load(object sender, EventArgs e)
{
    FlexChart chart = new FlexChart() { BindingX = "Country", DataSource = SampleData.GetCountryData(), Dock = DockStyle.Fill };
    chart.Series.Add(new Series() { Name = "Sales", Binding = "Sales" });
    chart.Series.Add(new Series() { Name = "Expenses", Binding = "Expenses" });
    chart.ChartType = C1.Chart.ChartType.Column;
    var designer = new ChartDesigner(chart);
    this.Controls.Add(chart);
}

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
    Dim chart As FlexChart = New FlexChart With {
    .BindingX = "Country",
    .DataSource = SampleData.GetCountryData,
    .Dock = DockStyle.Fill
}
    chart.Series.Add(New Series With {
    .Name = "Sales",
    .Binding = "Sales"
})
    chart.Series.Add(New Series With {
    .Name = "Expenses",
    .Binding = "Expenses"
})
    chart.ChartType = C1.Chart.ChartType.Column
    Dim designer = New ChartDesigner(chart)
End Sub