FlexChart 运行时设计器实际应用

        图表是可以简化数字数据表示方式的可视化工具。FlexChart是ComponentOne针对WinForms的.NET图表控件，在新版本中可以通过高性能的运行时图表设计器来提供最终用户图表定制。开发此图表设计器的目的是在最终用户级别上最大化自定义应用程序中图表。通过高响应性和交互式UI，运行时图表设计器需要几行代码才能开始。只需在运行时单击图表即可打开该图表设计器。

FlexChart Runtime Designer的优点

• 您可以查看和自定义图表元素。
• 通过从基本图表类型的下拉列表中选择来更改图表类型。
• 通过在运行时向图表轴添加数据字段或从图表轴删除数据字段来管理数据绑定。
  
  

该设计器在许多情况下都很有用。例如，假设您需要提供过去几年中世界不同国家的人口统计分析。包括在图表中显示收入，预期寿命和人口统计数据的演变。

我们可以使用集成的运行时设计器，允许最终用户根据自己的需求调整图表视图，非常方便。

让我们来学校利用FlexChart中的Runtime Designer。

配置图表和运行时设计器

使用FlexChart配置和集成Runtime Designer的步骤：

• 将FlexChart控件放在窗体上。
• 设置图表的DataSource属性以绘制所需的数据。在这里，我们将使用Gapminder的 “国家财富与健康”数据。该数据提供了209年期间180多个国家的平均预期寿命，人均GDP和人口规模。
       
  1. <font color="#000000">chart.DataSource = data;</font>

  复制代码
  
  
• 使用图表的“绑定”属性为X轴和Y轴设置数据字段。
        
  1. <font color="#000000">chart.BindingX = "Income";          chart.Binding = "LifeExpectancy,Population";   </font>

  复制代码
  
  
• 将一个Series添加到图表。
       
  1. <font color="#000000">var ser = new C1.Win.Chart.Series();       chart.Series.Add(ser);  </font>

  复制代码
  
  
• 设置图表类型
       
  1. chart.ChartType = C1.Chart.ChartType.Bubble;

  复制代码
  
  
• 调用图表设计器。图表设计器在单独的程序集C1.Win.FlexChart.Designer.4.5.2中提供。
       
  1. <font color="#000000">var designer = new ChartDesigner(chart); </font>

  复制代码
  
  
  

运行代码并预览图表。要查看图表设计器，只需在运行时单击图表区域即可。

使用运行时图表设计器

现在，最终用户可以使用人口统计信息面板中的运行时设计器简单地更改各种图表元素的属性。

运行时图表设计器提供了一个下拉菜单，以查看所有图表元素，例如图表，数据，页眉，页脚，图例，X轴，Y轴和数据标签。设计器还提供了与每个元素相对应的属性列表。

下面的GIF显示可视化运行时图表设计器的操作：

• 数据：此数据元素可用于沿X轴和Y轴更改图表的数据绑定。例如，应用程序显示一个气泡图，表示“预期寿命”与“人均收入”。但是，用户可以通过在X和Y轴上设置相应的数据字段来创建“人口”与“人均收入”图表。
• X轴：X轴元素可用于更改X轴的标题，最小和最大值。
• Y轴：Y轴元素可用于更改Y轴的标题，最小和最大值。
• 图表：使用此图表元素，可以自定义诸如BackColor，ForeColor，ChartType等属性。图表类型属性提供基本图表的列表，例如柱形图，条形图，折线图，散点图，点线图，面积图，曲线图，气泡图等等。用户可以更改根据需要绘制的数据，将ChartType更改为其中的任何一个。
• 表眉：使用表眉元素，可以自定义表头的颜色，字体和内容。
• 表脚：使用此元素，可以自定义表脚颜色，字体和内容。
• 图例：图例元素可用于在运行时将图例添加到图表。
• 数据标签：数据标签元素可用于更改图表中数据标签的内容和位置。
  
  

请注意，图表区域上的每个图表元素都链接到Runtime Designer下拉菜单中的相应元素选项。可以单击每个图表元素以在运行时设计器中自定义其属性。

自定义运行时图表设计器

尽管我们为FlexChart提供了内置的运行时设计器，但也可以为您的应用程序自定义它。为此，FlexChart Designer'ChartDesigner'的源代码作为产品样本提供，并随WinForms Edition的安装一起提供。

它在计算机上的以下位置可用（如果您选择了默认安装路径：

\Documents\ComponentOne Samples\WinForms\v4.5.2\C1FlexChart\CS\ChartDesigner.

点击下面的链接下载示例代码

新的FlexChart Designer不仅使运行时自定义图表属性变得方便，而且还提供了出色的可视化体验。我们希望您喜欢FlexChart控件中的此新功能。