下載DevExpress v20.1完整版    DevExpress v20.1漢化資源獲取

通過(guò)DevExpress WPF Controls，您能創(chuàng)建有著強(qiáng)大互動(dòng)功能的XAML基礎(chǔ)應(yīng)用程序，這些應(yīng)用程序?qū)Ｗ⒂诋?dāng)代客戶的需求和構(gòu)建未來(lái)新一代支持觸摸的解決方案。

在本教程中，您將學(xué)習(xí)如何設(shè)計(jì)一個(gè)簡(jiǎn)單的3D圖表，如何用數(shù)據(jù)填充它，以及配置常見(jiàn)的圖表設(shè)置。

執(zhí)行以下步驟來(lái)創(chuàng)建帶有3D圖表的應(yīng)用程序，本文我們將為大家介紹Step 3及結(jié)果，更多完整內(nèi)容歡迎持續(xù)關(guān)注！

• Step 1. 創(chuàng)建一個(gè)新項(xiàng)目并添加圖表
• Step 2. 用數(shù)據(jù)填充圖表
• Step 3. 自定義圖表
• 結(jié)果

Step 3. 自定義圖表

請(qǐng)按照本節(jié)中的說(shuō)明配置圖表外觀。

指定系列視圖類型

系列的外觀取決于其視圖，要設(shè)置系列視圖類型，請(qǐng)將對(duì)象分配給實(shí)例的 屬性。

設(shè)置圖比例

 要更改圖表高度、寬度和深度之間的比例關(guān)系，請(qǐng)將Chart3DControl.AspectRatio屬性定義為5 5 3，為此，請(qǐng)使用下面的XAML。

<dxc:Chart3DControl AspectRatio="5 5 3">
<!-- Other Chart3D settings -->
</dxc:Chart3DControl>

要為圖表中的所有條形圖設(shè)置相等的大小，請(qǐng)將屬性指定為true。

顏色系列

根據(jù)其值為每個(gè)系列點(diǎn)提供特定的顏色。

1. 為此，展開(kāi)對(duì)象的View屬性組，并將實(shí)例分配給屬性。

2. 然后，設(shè)置將用于以各種顏色指示點(diǎn)的系列點(diǎn)值間隔。 為此，將屬性指定為0 80 150 300 600。

3. 將屬性定義為Office2013。

4. 將Colorizer3DBase.LegendTextPattern屬性指定為{V1:F0} - {V2:F0} TWh/a來(lái)設(shè)置圖例文本格式。

添加標(biāo)題

1. 在圖表中添加標(biāo)題，為此請(qǐng)單擊ChartControlBase.Titles屬性中的省略號(hào)按鈕。

2. 單擊Add將新標(biāo)題添加到Titles集合。

3. 將TitleBase.Content屬性指定為World Electricity Consumption。

4. 然后，通過(guò)將TitleBase.HorizontalAlignment屬性設(shè)置為Center來(lái)修改標(biāo)題位置。

5. 單擊OK按鈕執(zhí)行更改并隱藏編輯器。

結(jié)果

最終的XAML如下所示。

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Chart3D_Lesson1"
xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts" 
x:Class="Chart3D_Lesson1.MainWindow"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Grid>
<dxc:Chart3DControl AspectRatio="5 5 3">
<dxc:Chart3DControl.Legends>
<dxc:Legend BorderBrush="Transparent" 
Background="Transparent"/>
</dxc:Chart3DControl.Legends>
<dxc:Chart3DControl.Titles>
<dxc:Title Content="World Electricity Consumption" 
HorizontalAlignment="Center"/>
</dxc:Chart3DControl.Titles>
<dxc:Series3DStorage>
<dxc:Series3D>
<dxc:Series3D.View>
<dxc:Bar3DSeriesView EqualBarSize="True">
<dxc:Bar3DSeriesView.Colorizer>
<dxc:RangeColorizer3D RangeStops="0 80 150 300 600" 
LegendTextPattern="{}{V1:F0} - {V2:F0} TWh/a">
<dxc:RangeColorizer3D.Palette>
<dxc:Office2013Palette/>
</dxc:RangeColorizer3D.Palette>
</dxc:RangeColorizer3D>
</dxc:Bar3DSeriesView.Colorizer>
</dxc:Bar3DSeriesView>
</dxc:Series3D.View>
<dxc:SeriesPoint3DStorage>
<dxc:SeriesPoint3D Value="130.32" XArgument="Canada" YArgument="Fossil"/>
<dxc:SeriesPoint3D Value="597.24" XArgument="Russia" YArgument="Fossil"/>
<dxc:SeriesPoint3D Value="333.45" XArgument="Germany" YArgument="Fossil"/>
<dxc:SeriesPoint3D Value="232.49" XArgument="UK" YArgument="Fossil"/>
<dxc:SeriesPoint3D Value="125.28" XArgument="Spain" YArgument="Fossil"/>
<dxc:SeriesPoint3D Value="320.37" XArgument="Canada" YArgument="Renewable"/>
<dxc:SeriesPoint3D Value="199.08" XArgument="Russia" YArgument="Renewable"/>
<dxc:SeriesPoint3D Value="146.25" XArgument="Germany" YArgument="Renewable"/>
<dxc:SeriesPoint3D Value="41.64" XArgument="UK" YArgument="Renewable"/>
<dxc:SeriesPoint3D Value="80.91" XArgument="Spain" YArgument="Renewable"/>
<dxc:SeriesPoint3D Value="81.45" XArgument="Canada" YArgument="Nuclear"/>
<dxc:SeriesPoint3D Value="151.68" XArgument="Russia" YArgument="Nuclear"/>
<dxc:SeriesPoint3D Value="87.75" XArgument="Germany" YArgument="Nuclear"/>
<dxc:SeriesPoint3D Value="65.93" XArgument="UK" YArgument="Nuclear"/>
<dxc:SeriesPoint3D Value="54.81" XArgument="Spain" YArgument="Nuclear"/>
</dxc:SeriesPoint3DStorage>
</dxc:Series3D>
</dxc:Series3DStorage>
</dxc:Chart3DControl>
</Grid>
</Window>

現(xiàn)在該應(yīng)用程序已準(zhǔn)備就緒，運(yùn)行項(xiàng)目以查看結(jié)果，下圖演示了運(yùn)行時(shí)的結(jié)果圖表。

DevExpress技術(shù)交流群2：775869749      歡迎一起進(jìn)群討論

富文本控件難上手？這堂公開(kāi)課你一定不能錯(cuò)過(guò)，不同視圖不同應(yīng)用場(chǎng)景全解！