永利最大(官方)网站

<ComponentOne Studio for WPF下载>

在上文中，我们为大家介绍了图表类型，让您了解了丰富多彩的C1Chart图表。下面我们就开始深入介绍一些特殊的图表类型，并且结合DataSeries来介绍如何设置这些图标类型。最后再介绍一种复合图表。

Bubble Charts

BubbleCharts是气泡图，设置ChartType属性为Bubble，并且使用BubbleSeries。就可以简单的实现一个气泡图。

XAML代码：

<c1:C1Chart Name="c1Chart1" ChartType="Bubble" c1:BubbleOptions.MinSize="5,5" c1:BubbleOptions.MaxSize="30,30" c1:BubbleOptions.Scale="Area">
<c1:C1Chart.Data>
<c1:ChartData>
<c1:BubbleSeries Values="20 22 19 24 25" SizeValues="1 2 3 2 1" />
<c1:BubbleSeries Values="8 12 10 12 15" SizeValues="3 2 1 2 3"/>
</c1:ChartData>
</c1:C1Chart.Data>
</c1:C1Chart>

HighLowOpenClose Chart

HighLowOpenClose图表需要一个特定的data series对象类型，它是HighLowOpenCloseSeries。在这种data series的类型中，每一个点对应一个时期（典型的是一天）和包含五个值：

• 时间
• 最初时期的价格(Open)
• 结束时期的价格 (Close)
• 一段时期中的最低价格 (Low)
• 一段时期中的最高价格 (High)

将C1Chart的ChartType设置为HighLowOpenClose，并且设置特定的数据。

XAML代码：

<c1:C1Chart ChartType="HighLowOpenClose">
<c1:C1Chart.Data>
<c1:ChartData>
<c1:HighLowOpenCloseSeries XValues="1 2 3 4 5" HighValues="103 105 107 102 99" LowValues="100 99 101 98 97" OpenValues="100 100 105 100 99" CloseValues="102 103 103 99 98"/>
</c1:ChartData>
</c1:C1Chart.Data>
</c1:C1Chart>

复合图表

如果我们需要在一个图表中显示不同类型的图表，使用XAML标记或是代码，可以创建复合图表类型。如果我们要自动的添加一个Column series和一个Line series，可以使用代码或是XAML标记如下。

XAML代码：

<c1:C1Chart.Data>
<c1:ChartData>
<c1:ChartData.ItemsSource>
<PointCollection>
<Point X="1" Y="1" />
<Point X="2" Y="2" />
<Point X="3" Y="3" />
</PointCollection>
</c1:ChartData.ItemsSource>
<c1:XYDataSeries ChartType="Column" Label="Column" XValueBinding="{Binding X}" ValueBinding="{Binding Y}"/>
<c1:XYDataSeries ChartType="Line" Label="Line" XValueBinding="{Binding X}" ValueBinding="{Binding Y}"/>
</c1:ChartData>
</c1:C1Chart.Data>

C#代码：

c1Chart1.Data.Children.Add(new XYDataSeries()
{
ChartType = ChartType.Column,
XValuesSource = new double[] { 1, 2, 3 },
ValuesSource = new double[] { 1, 2, 3 }
);
c1Chart1.Data.Children.Add(new XYDataSeries()
{
ChartType = ChartType.Line,
XValuesSource = new double[] { 1, 2, 3 },
ValuesSource = new double[] { 3, 2, 1 }
);

效果如下所示：

Chart Data Series样式

如果我们将LineSeries的类型改为LineSymbols，它就可以变成点线的样式。现在我们需要对图中的柱子颜色或是线型颜色进行更改，可以设置Series的Symbol和Connection的相关属性。在DataSeries类中的Symbol，Connection和ConnectionArea，这些属性可以根据图表类型，改变图表的不同部分的样式。

Symbol属性决定了画在每一个数据点的符号的形状，大小，边缘和填充。应用到展示符号的图表类型，包括Line，Area和XYPlot。Symbol属性也控件Bar和Column图表的bars的样式。Connection属性决定了数据点之间画的线的边缘和填充。应用到data series点的集合。对于Line图表来说，connection是连接点间的线，对Area图表来说，connection是在数据点下的包含外线的区域。设置LineSymbols的SymbolMarker属性，就可以改变线的圆点的样式。

效果如下所示：

本文示例：

PS: 关于ComponentOne，这些产品你可以关注>>

本文转载自

葡萄城经典UI产品新年大促，惊喜折扣礼品送不停！优惠详情点击查看>>