<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產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>