XAML元素

有几个辅助的XAML元素随同WPF版Chart安装。这些元素包括模版和主题，位于WPF安装路径下，默认情况下，为
C:\Program Files\ComponentOne\WPF Edition\C1WPFChart\XAML。例如，你可以将这些元素整合到你的项目中，比如说，基于Office2007主题创建您自己的主题。有关内置主题的更多信息，请参见图表主题。
包含辅助XAML元素
下列辅助XAML元素包含在WPF版Char中，位于C:\Program Files\ComponentOne\WPF Edition\C1WPFChart\XAML。

时间系列图表
时间系列图表沿x轴显示时间。这是一个很常见的图表类型，用于显示随时间变化的值的变化。
大多数时间序列图显示固定的时间间隔（每年，每月，每周，每日）。在这种情况下，时间序列图基本上等同于一个简单的值类型图，就像上面描述的一个简单的值类型图。唯一的区别是，而不是显示类别沿轴线，图表将显示日期或时间。（如果时间间隔不定，然后图表将成为一个XY图，这一点将在下一节中描述。）我们将通过创建一些时间系列图表以演示如何使用。
步骤步骤1）选择图表类型：）选择图表类型：
代码清除任何现有的序列，然后设置图表类型：

C#

public Window1()
{
InitializeComponent(); // 清除当前图表
c1Chart.Reset(true);

// 设置图表类型
c1Chart.ChartType = ChartType.Column;
}
步骤步骤2）设置坐标轴：）设置坐标轴：
我们将从获取两个坐标轴的引用开始，就像在之前的示例中那样。回想一下，条形图类型使用的是反转坐标轴（值显示在Y-轴上）：

C#

//获取坐标轴
Axis valueAxis = c1Chart.View.AxisY; Axis labelAxis = c1Chart.View.AxisX; if (c1Chart.ChartType == ChartType.Bar)
{ valueAxis = _c1Chart.View.AxisX; labelAxis = _c1Chart.View.AxisY;
}

下一步我们将指定标题至坐标轴。坐标轴标题是UIElement对象而不是简单的文本。我们将使用CreateTextBlock()方法
建立坐标轴标题，就像我们之前做的那样。我们还将设置标注格式，最小值和主单位。唯一的区别是我们将用一个更大的间隔来标记值之间的刻度：

C#

// 配置标签轴
labelAxis.Title = CreateTextBlock("Date", 14, FontWeights.Bold); labelAxis.AnnoFormat = "MMM-yy";
// 设置值坐标轴
valueAxis.Title = CreateTextBlock("Amount ($1000)", 14, FontWeights.Bold); valueAxis.AnnoFormat = "#,##0 "; valueAxis.MajorUnit = 1000; valueAxis.AutoMin = false; valueAxis.Min = 0;

步骤步骤3）添加一个或多个数据序列）添加一个或多个数据序列
这一次，我们将使用之前定义的第二个Data-Provider方法：

C#

// 获取数据
var data = GetSalesPerMonthData();

接下来，我们要沿着标签轴显示日期。为此，我们将使用LINQ语句在我们的数据记录中检索不同的日期值。然后结果被转换为数组设置给该标签轴的ItemsSource属性。

C#

c1Chart.ChartData.ItemNames = (from r in data select r.Date.ToString("MMMyy")).Distinct().ToArray();

注意，我们使用了LINQ的Distinct运算符删除重复的日期值。这个操作时必须的，因为我们的数据对每一天的每一种产品包含一条记录。
现在我们可以创建将被添加到图表的实际的DataSeries对象。每一个系列将显示一个给定的产品的收入。这也可以通过
Linq语句完成，该Linq语句相对于以往的将略微复杂，但是提供了一个很好的范例，展示了Linq语法的强大：

C#

// 为每一种产品添加一个数据系列（收入）
var products = (from p in data select p.Product).Distinct(); foreach (string product in products)
{ var ds = new DataSeries(); ds.Label = product; ds.ValuesSource = ( from r in data where r.Product == product select r.Revenue).ToArray(); c1Chart.ChartData.Children.Add(ds);
}

代码通过在数据源中构建一个产品列表开始。接下来它为每一个产品创建了一个DataSeries。数据系列的标签简单地显示产品的名称。实际的数据是通过过滤的记录，属于当前的产品并获取他们的Revenue属性。和之前一样，结果设置给数据系列的ValuesSource属性。
步骤步骤4）调整图表的外观）调整图表的外观
再次，我们将通过设置主题和调色板属性来快速配置图表外观：

C#

c1Chart.Theme = c1Chart.TryFindResource( new ComponentResourceKey(typeof(C1.WPF.C1Chart.C1Chart),
"Office2007Black")) as ResourceDictionary;}

这是最终的结束代码，以生成我们的时间系列图表。其结果应该是类似于下面的图像：

注意注意：AnnoAngle属性被设置为"30"，使图像中的Y轴上的标签有更多空间可以显示。

在每个月的第一天显示数据标签
为了仅在每个月的第一天上显示数据标签，请使用以下代码：

Visual Basic

c1Chart1.View.AxisX.IsTime = True
c1Chart1.View.AxisX.AnnoFormat = "MMM-dd"
' 当MajorUnit=31时时间轴图表的每月的总天数应该是变化的并且标记每月第一天 c1Chart1.View.AxisX.MajorUnit = 31

C#

c1Chart1.View.AxisX.IsTime = true;
c1Chart1.View.AxisX.AnnoFormat = "MMM-dd";
// 当MajorUnit=31时时间轴图表的每月的总天数应该是变化的并且标记每月第一天 c1Chart1.View.AxisX.MajorUnit = 31;

趋势线

注意：注意：要使用趋势线的功能，就要添加到
C1.WPF.C1Chart.Extended.dll 或 C1.Silverlight.Chart.Extended.dll 的引用至您的工程。

C1Chart 支持十种不同的支持趋势线，使用该功能将非常容易。您所要做的就是控制如何添加它们至您的图表，以及他们的外观如何。
C1Chart控件支持两组不同的趋势线：回归和非回归。平均，最大，最小，和移动平均趋势线为非回归趋势线。
多项式，指数，对数，功率，和傅里叶函数为回归趋势线将分析函数趋势的近似值。

注意注意：趋势线不能用于所有类型的二维图表；通常，它们用在X-Y折线图，条形图，或散点图中。

Page tree

XAML元素