<ComponentOne Studio for WPF下載>

在上文中，我們?yōu)榇蠹医榻B了圖表類(lèi)型，讓您了解了豐富多彩的C1Chart圖表。下面我們就開(kāi)始深入介紹一些特殊的圖表類(lèi)型，并且結(jié)合DataSeries來(lái)介紹如何設(shè)置這些圖標(biāo)類(lèi)型。最后再介紹一種復(fù)合圖表。

Bubble Charts

BubbleCharts是氣泡圖，設(shè)置ChartType屬性為Bubble，并且使用BubbleSeries。就可以簡(jiǎn)單的實(shí)現(xiàn)一個(gè)氣泡圖。

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圖表需要一個(gè)特定的data series對(duì)象類(lèi)型，它是HighLowOpenCloseSeries。在這種data series的類(lèi)型中，每一個(gè)點(diǎn)對(duì)應(yīng)一個(gè)時(shí)期（典型的是一天）和包含五個(gè)值：

• 時(shí)間
• 最初時(shí)期的價(jià)格(Open)
• 結(jié)束時(shí)期的價(jià)格 (Close)
• 一段時(shí)期中的最低價(jià)格 (Low)
• 一段時(shí)期中的最高價(jià)格 (High)

將C1Chart的ChartType設(shè)置為HighLowOpenClose，并且設(shè)置特定的數(shù)據(jù)。

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>

復(fù)合圖表

如果我們需要在一個(gè)圖表中顯示不同類(lèi)型的圖表，使用XAML標(biāo)記或是代碼，可以創(chuàng)建復(fù)合圖表類(lèi)型。如果我們要自動(dòng)的添加一個(gè)Column series和一個(gè)Line series，可以使用代碼或是XAML標(biāo)記如下。

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的類(lèi)型改為L(zhǎng)ineSymbols，它就可以變成點(diǎn)線的樣式。現(xiàn)在我們需要對(duì)圖中的柱子顏色或是線型顏色進(jìn)行更改，可以設(shè)置Series的Symbol和Connection的相關(guān)屬性。在DataSeries類(lèi)中的Symbol，Connection和ConnectionArea，這些屬性可以根據(jù)圖表類(lèi)型，改變圖表的不同部分的樣式。

Symbol屬性決定了畫(huà)在每一個(gè)數(shù)據(jù)點(diǎn)的符號(hào)的形狀，大小，邊緣和填充。應(yīng)用到展示符號(hào)的圖表類(lèi)型，包括Line，Area和XYPlot。Symbol屬性也控件Bar和Column圖表的bars的樣式。Connection屬性決定了數(shù)據(jù)點(diǎn)之間畫(huà)的線的邊緣和填充。應(yīng)用到data series點(diǎn)的集合。對(duì)于Line圖表來(lái)說(shuō)，connection是連接點(diǎn)間的線，對(duì)Area圖表來(lái)說(shuō)，connection是在數(shù)據(jù)點(diǎn)下的包含外線的區(qū)域。設(shè)置LineSymbols的SymbolMarker屬性，就可以改變線的圓點(diǎn)的樣式。

效果如下所示：

本文示例：

PS: 關(guān)于ComponentOne，這些產(chǎn)品你可以關(guān)注>>

本文轉(zhuǎn)載自

葡萄城經(jīng)典UI產(chǎn)品新年大促，驚喜折扣禮品送不停！優(yōu)惠詳情點(diǎn)擊查看>>